是否可以访问所有颜色阵列中的所有颜色？

Question

[{name: "apple", color:["green", "red"]}, {name: "banana", color:["yellow"]}]。 使用for循环？

代码，我试图： for (i = 0; i < color.length; i++) { return color.length; }

Answer 1

可以使用映射函数为对象的数组，然后一个for循环为每个对象的内部属性的“颜色”。

var fruits = [{ 
    name: "apple", 
    color: ["green", "red"] 
}, { 
    name: "banana", 
    color: ["yellow"] 
}]; 

var colors = []; 

fruits.map(function(fruit) { 
    for (var i = 0; i <  fruit.color.length; i++) { 
     colors.push(fruit.color[i]); 
    } 
}); 

Answer 2

您可以通过对象数组中使用for循环来循环，然后串联每个对象的颜色为彩色阵列：

var colorArr = []; 
 
var arr = [{name: "apple", color:["green", "red"]}, {name: "banana", color:["yellow"]}]; 
 
for(var i in arr) { 
 
    if(arr[i]['color']){ 
 
    colorArr = colorArr.concat(arr[i]['color']); 
 
    } 
 
}

Answer 3

这里是一个整洁方式做我认为你想要的：

var all_colors = [{name: "apple", color: ["green", "red"]}, 
       {name: "banana", color: ["yellow"]}].reduce(function(a, b) { 
    return a.concat(b.color); 
}, []); 

// Note: this line uses ES6 
var colors = Array.from(new Set(all_colors)); 

输出所有颜色的数组，删除重复：