js map方法遍历数组取ID
时间: 2023-07-17 21:01:17 浏览: 46
你可以使用 JavaScript 中的 `map` 方法来遍历数组并取出每个元素的 ID。下面是一个示例代码:
```javascript
const array = [
{ id: 1, name: 'John' },
{ id: 2, name: 'Jane' },
{ id: 3, name: 'Doe' }
];
const idArray = array.map(item => item.id);
console.log(idArray); // 输出: [1, 2, 3]
```
在上面的代码中,我们定义了一个包含对象的数组 `array`。然后,我们使用 `map` 方法遍历数组,并在每个元素上使用箭头函数来返回对应的 ID 值。最后,我们将返回的 ID 数组输出到控制台。
相关问题
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方法则会打乱元素的顺序。