js中entries(),keys(),values() , some(), Object.assign()遍历数组用法

js中entries(),keys(),values() , some(), Object.assign()遍历数组用法

ES6提供了entries(),keys(),values()方法返回数组的遍历器,对于遍历器(Iterator)可以使用for…of进行便利,也可是使用entries()返回的遍历器Iterator.next()方法进行遍历。

1.使用keys()遍历。
keys()返回的是数组元素索引号的遍历器。

const arr1 = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k']
for (let index of arr1.keys()) {
  console.log(index);
}

结果:
可以看到输出的都是每个数组元素的index。

0  
1  
2  
3  
4  
5  
6  
7  
8  
9  
10 

2.使用values()遍历。
values()返回的是数组元素值的遍历器。

for (let val of  arr1.values()) {
  console.log(val);
}

结果:

a 
b 
c 
d 
e 
f 
g 
h 
i 
j 
k 

3.使用entries()遍历。
配合解构使用,可以拿到元素的index和value。

for (let [index, val] of arr1.entries()) {
  console.log(index, val);
}

结果:

0 'a'
1 'b'
2 'c'
3 'd'
4 'e'
5 'f'
6 'g'
7 'h'
8 'i'
9 'j'
10 'k'

4.使用Iterator.next()遍历。
基于entries()返回的遍历器,调用遍历器的next()的方法可以获取每一个元素的访问入口,该入口有一个done属性可以表明是否便利结束。通过入口可以拿到value属性,其就是元素的索引和值的数组。

let arrEntries=arr1.entries();
let entry=arrEntries.next();
while(!entry.done){
  console.log(entry.value);
  entry=arrEntries.next();
}

5.some方法
用于检测数组中的元素是否满足指定条件(函数提供)。会依次执行数组的每个元素:如果有一个元素满足条件,则表达式返回true , 剩余的元素不会再执行检测。
注意: some() 不会对空数组进行检测。
注意: some() 不会改变原始数组。

array.some(function(currentValue,index,arr),thisValue)

参数说明:
参数1:function(currentValue, index,arr)
必须。函数,数组中的每个元素都会执行这个函数。
函数参数:
(1)currentValue必须。当前元素的值
(2)index可选。当前元素的索引值
(3)arr可选。当前元素属于的数组对象
参数2:thisValue
可选。对象作为该执行回调时使用,传递给函数,用作 “this” 的值。
如果省略了 thisValue ,“this” 的值为 “undefined”

var age=[12,42,34,10];

      aa(){
        var a=this.age.some((x)=>{
          return x>100;
        });
        console.log(a);//打印结果为false
      }

在这里插入图片描述

6.两个对象里面相同key赋值

row.row里面的值赋值到this.form里面
Object.keys(this.form).forEach(key => {
        this.form[key] = row.row[key];
      });
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值