Javascript 执行for循环并渲染数组中的项目子集

Javascript 执行for循环并渲染数组中的项目子集,javascript,arrays,for-loop,Javascript,Arrays,For Loop,新的编码和第一次海报在这里。如果这个问题以前有人回答过,我表示歉意,但我不确定我会怎么查找它 我将对从api中提取的数组元素进行for循环渲染。我的目标是根据该数组的元素仅打印该数组中的10项(即,不是数组的前10项,而是满足条件的数组的前10项) 大概是这样的: for(设i=0;i您可以通过检查类别进行迭代,如果不需要,则继续循环,并使用计数器对需要的产品进行计数,直到为零,然后退出循环 let count=10; for(json的常量乘积){ 如果(product.category!=

新的编码和第一次海报在这里。如果这个问题以前有人回答过,我表示歉意,但我不确定我会怎么查找它

我将对从api中提取的数组元素进行for循环渲染。我的目标是根据该数组的元素仅打印该数组中的10项(即,不是数组的前10项,而是满足条件的数组的前10项)

大概是这样的:


for(设i=0;i您可以通过检查类别进行迭代,如果不需要,则继续循环,并使用计数器对需要的产品进行计数,直到为零,然后退出循环

let count=10;
for(json的常量乘积){
如果(product.category!=='X')继续;
渲染产品(产品);
如果(!--计数)中断;
}

您需要在数组内部使用check,并在循环外部执行renderProduct()函数:

var json = [{id:1,category:'X'},{id:2,category:'X'},{id:3,category:'Y'}...]; // this array contain list of your items
var topTen = [];
for(let i=0;i<json.length;i++)
{
  let product = json[i]
  let category = product.category
  if(category == 'X' && topTen.length <= 9){
    topTen.push(product);
  }
  if(topTen.length >= 10){
    break;
  }
}  
console.log('first 10 items by category: ', topTen);
renderProduct() //this is a function that prints the product to the DOM
var json=[{id:1,类别:'X'},{id:2,类别:'X'},{id:3,类别:'Y'}……];//此数组包含项目列表
var topTen=[];

让我来回答你的问题吧?作为一名程序员,搜索互联网是最有用的技能之一。