JavaScript 获取列表list1的多个元素item的属性list2的多个属性name
时间: 2023-10-30 20:07:14 浏览: 43
可以使用 JavaScript 中的循环遍历列表中的每一个元素,然后通过元素的属性访问另一个列表中的属性。具体代码如下:
```javascript
var list1 = [{id: 1, name: 'apple'}, {id: 2, name: 'banana'}, {id: 3, name: 'orange'}];
var list2 = [{id: 1, price: 2.5, color: 'red'}, {id: 2, price: 1.5, color: 'yellow'}, {id: 3, price: 3.0, color: 'orange'}];
for (var i = 0; i < list1.length; i++) {
var item = list1[i];
for (var j = 0; j < list2.length; j++) {
var attr = list2[j];
if (attr.id === item.id) {
console.log(item.name + "'s price is " + attr.price + " and color is " + attr.color);
// 可以在这里对获取到的属性进行其他操作
}
}
}
```
以上代码中,我们首先定义了两个列表 `list1` 和 `list2`,分别存储了元素的属性。然后使用两个循环遍历 `list1` 和 `list2` 中的元素,判断它们的 id 是否相等,如果相等则输出对应的属性值。可以根据实际需求对获取到的属性进行其他操作。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)