ES6 对象的遍历、拷贝和数组的拆分

最新推荐文章于 2022-11-06 16:35:42 发布

奶牛牛牛

最新推荐文章于 2022-11-06 16:35:42 发布

阅读量1k

点赞数

文章标签： html5 typescript javascript css es6

本文链接：https://blog.csdn.net/kiritoo1/article/details/124006086

版权

这篇博客介绍了如何使用ES6的for...of循环遍历对象数组，以及Object.assign()方法进行对象拷贝。通过示例代码展示了在JavaScript中操作对象数组和对象的技巧，强调了for...of的便利性和Object.assign()的用途。

摘要由CSDN通过智能技术生成

众所周知，对象数组没法遍历去map，因为他的key不是0123456这种

所以如果使用object.map会报错只能用object.key才能得到对应的value

那么我们如何去遍历对象数组呢就用到了ES6新增的for of语法

for of可以一次得到数组对象的每一个对象

let newdata:{id: number, data: number}[] =[{id:2, data:5},{id:1, data:12}]
for (var item of newdata){ //第一个item {id:2, data:5}
    if(item.id == props.item.id){ //item.id --2
        data.value = item.data    //item.data --5
        has = 1
        }
   }

首先创建了一个数组对象newdata ，然后通过for of去遍历newdata，item就是newdata的每一个对象，我们可以通过item.id ,item.data去获取对象里面的属性.这样就完成了。

ES6里还有一个方法叫Object.assign() 方法，它用于将所有可枚举属性的值从一个或多个源对象分配到目标对象。它将返回目标对象。也可以像我下面这样用来拷贝

const Data = {id: 5, data: 5};
const val = Object.assign({},Data) 
console.log(val ); // {id: 5, data: 5}

例如这样就可以把对象Data拷贝一份赋值给val，如果目标对象中的属性具有相同的键，则属性将被源对象中的属性覆盖,像这样

const o1 = { a: 1, b: 1, c: 1 };
const o2 = { b: 2, c: 2 };
const o3 = { c: 3 };

const obj = Object.assign({}, o1, o2, o3);
console.log(obj); // { a: 1, b: 2, c: 3 }