js map()函数遍历数组对象

1.每一条数组对象数据添加数据

// 你可以使用 `map` 方法遍历数组对象,根据 `typeId` 是否等于30来给每一条对象中加入 `_disableExpand: true` 属性。以下是实现的代码示例:
        const data = [
            { music: 'I Cry', typeId: 20 },
            { music: 'I Cry', typeId: 30 },
            { music: 'I Cry', typeId: 40 },
            { music: 'I Cry', typeId: 50 },
        ];
        const newData = data.map(item => {
            if (item.typeId !== 30) {
                return { ...item, _disableExpand: true };
            }
            return item;
        });
        console.log(newData);
        // 运行以上代码,你会得到一个新的数组 `newData`,其中 `typeId` 不等于30的对象都会加入 `_disableExpand: true` 属性。你可以根据实际情况将这个新数组用于展示或其他操作。

2.每一条数组对象数据修改字段名

将数组对象结构data数据中id字段变为value,name字段变为label
var data = [
{id:1,name:'张三',age:12},
{id:2,name:'李四',age:13}
]
const result = data.map(item => ({
				value: item.id,
				label: item.name
}))

你可能感兴趣的:(javascript,前端,vue.js)