javascript设置数组对象中的key值方法

121 篇文章 7 订阅
53 篇文章 3 订阅

方法一:保留旧数组 key 和 value ;

var arr = [
	{label: "张三", value: 1},
    {label: "李四", value: "2"},
    {label: "王五", value: "3"}
];
arr = arr.map(item => ({
	 ...item,
    new_key: item.value
}));

arr打印结果:[
	{label: "张三", value: 1, new_key:1},
    {label: "李四", value: 2, new_key:2},
    {label: "王五", value: 3, new_key:3}
]

方法二:不保留旧数组 key 和 value ;

<1>说明:使用map循环,在map循环内创建一个新对象,将item要改变的key赋给新创建的对象里面新key值,然后push给一个新创建的数组newArr即可;

var newArr = [];    //新数组
arr.map(item => {
    let obj = {
        name: item.name,
        value: item.count,
    }
     newArr.push(obj);
});

<2> 使用forEach循环 + for循环,通过Object.keys()来改变属性key;

changeKey (arr, key) {
    let newArr = []; // 创建一个新数组
    arr.forEach((item, index) => {
        let obj = {}; // 新数组里的新对象
        for (var i = 0; i < key.length; i++) {
            obj[key[i]] = item[Object.keys(item)[i]]; // 将key值替换掉
        }
        newArr.push(obj);
    })
    console.log(newArr,'newArr');
    return newArr;
};

let newArr = this.changeKey(arr, ['name','value']);

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

短暂又灿烂的

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值