uniapp 例如有一个数组[{id:23,name:"小红"},{id:32,name:"小蓝"},{id:21,name:"小黄"}] 如何将这个数组的每一项id提取出来放到一个新的数组里面
时间: 2023-07-19 19:07:21 浏览: 59
可以使用 JavaScript 中的 map 方法来实现:
```javascript
const arr = [{id:23,name:"小红"},{id:32,name:"小蓝"},{id:21,name:"小黄"}];
const ids = arr.map(item => item.id);
console.log(ids); // [23, 32, 21]
```
代码解析:
1. 首先定义一个数组 `arr`,其中包含了多个对象,每个对象都有 `id` 和 `name` 两个属性。
2. 使用 `map` 方法遍历数组 `arr`,并将每个对象的 `id` 属性提取出来,放到一个新的数组中。
3. 最后将新数组输出到控制台上,结果为 `[23, 32, 21]`。
相关问题
uniapp 将一个数组中 id为1的数据删除
可以通过以下代码实现:
```javascript
let arr = [{id: 1, name: 'foo'}, {id: 2, name: 'bar'}, {id: 3, name: 'baz'}];
arr = arr.filter(item => item.id !== 1);
console.log(arr); // [{id: 2, name: 'bar'}, {id: 3, name: 'baz'}]
```
在上述代码中,我们使用了数组的 `filter` 方法,该方法返回一个新的数组,其中包含符合特定条件的元素。在本例中,我们使用箭头函数作为 `filter` 方法的参数,该函数对每个数组元素进行测试,并返回 `id` 属性不等于 1 的元素。最后,我们将新数组赋值给原数组,以删除 `id` 等于 1 的元素。
使用es6遍历对象{id:'',name:''}
可以使用ES6中的`for...of`循环来遍历对象的属性,示例如下:
```javascript
const obj = { id: '001', name: 'John Doe' };
for (const key of Object.keys(obj)) {
console.log(key + ': ' + obj[key]);
}
```
输出结果为:
```
id: 001
name: John Doe
```
另外,也可以使用`Object.entries()`方法将对象转换为键值对数组,然后再使用`for...of`循环遍历,示例如下:
```javascript
const obj = { id: '001', name: 'John Doe' };
for (const [key, value] of Object.entries(obj)) {
console.log(key + ': ' + value);
}
```
输出结果同上。