js map方法遍历数组取ID
时间: 2023-07-17 19:01:17 浏览: 55
可以使用JavaScript的map方法来遍历数组并取出其中的ID。假设你有一个包含对象的数组,每个对象都有一个ID属性,你可以按照以下方式使用map方法:
```javascript
const array = [
{ id: 1, name: 'John' },
{ id: 2, name: 'Jane' },
{ id: 3, name: 'Bob' }
];
const ids = array.map(item => item.id);
console.log(ids); // 输出 [1, 2, 3]
```
在上述代码中,我们使用map方法对数组进行遍历,并通过箭头函数(item => item.id)来指定我们需要获取的ID属性。最后,将每个对象的ID属性组成的新数组赋值给变量ids。
希望这能帮到你!如果还有其他问题,请随时提问。
相关问题
js中遍历数组加到新数组
可以使用循环语句(如 for、while)或者高阶函数(如 map、forEach)来遍历数组,并将每个元素加入到新数组中。
使用 for 循环:
```js
let arr = [1, 2, 3, 4, 5];
let newArr = [];
for (let i = 0; i < arr.length; i++) {
newArr.push(arr[i]);
}
console.log(newArr); // [1, 2, 3, 4, 5]
```
使用 forEach 高阶函数:
```js
let arr = [1, 2, 3, 4, 5];
let newArr = [];
arr.forEach(function(item) {
newArr.push(item);
});
console.log(newArr); // [1, 2, 3, 4, 5]
```
使用 map 高阶函数:
```js
let arr = [1, 2, 3, 4, 5];
let newArr = arr.map(function(item) {
return item;
});
console.log(newArr); // [1, 2, 3, 4, 5]
```
js map 方法去重
使用JavaScript的Map方法可以去重。首先创建一个空的Map数据结构,然后遍历需要去重的数组,将数组的每一个元素作为key存入Map中。由于Map中不会出现相同的key值,所以最终得到的就是去重后的结果。以下是一个使用Map方法去重的示例代码:
```
function unique(arr) {
let map = new Map();
let res = [];
for (let i = 0; i < arr.length; i++) {
if (map.has(arr[i])) {
map.set(arr[i], true);
} else {
map.set(arr[i], false);
res.push(arr[i]);
}
}
return res;
}
```
另外,还可以使用Set方法来进行快速而简单的去重。Set是一种数据结构,它只会存储唯一的值,自动去除重复项。以下是使用Set方法进行去重的示例代码:
```
function unique(arr) {
return Array.from(new Set(arr));
}
```
请注意,这两种方法都适用于去除数组中的重复项,但使用Map方法可以保留元素的顺序,而使用Set方法则会打乱元素的顺序。
相关推荐
![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_column_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)