当前位置:网站首页>JS, entries(), keys(), values(), some(), object Assign() traversal array usage
JS, entries(), keys(), values(), some(), object Assign() traversal array usage
2022-04-23 17:04:00 【Eli-sun】
js in entries(),keys(),values() , some(), Object.assign() Traversal array usage
ES6 Provides entries(),keys(),values() Method returns the iterator of the array , For traversers (Iterator) have access to for…of Facilitate , It can also be used entries() The returned iterator Iterator.next() Method .
1. Use keys() Traverse .
keys() Returns the iterator of the index number of the array element .
const arr1 = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k']
for (let index of arr1.keys()) {
console.log(index);
}
result :
You can see that the output is the of each array element index.
0
1
2
3
4
5
6
7
8
9
10
2. Use values() Traverse .
values() The return is the traversal of the array element value .
for (let val of arr1.values()) {
console.log(val);
}
result :
a
b
c
d
e
f
g
h
i
j
k
3. Use entries() Traverse .
Use with deconstruction , You can get the element index and value.
for (let [index, val] of arr1.entries()) {
console.log(index, val);
}
result :
0 'a'
1 'b'
2 'c'
3 'd'
4 'e'
5 'f'
6 'g'
7 'h'
8 'i'
9 'j'
10 'k'
4. Use Iterator.next() Traverse .
be based on entries() The returned iterator , To call the traverser next() The method can get the access entry of each element , The entrance has a done Attribute can indicate whether it is convenient to end . You can get... Through the entrance value attribute , It is the index of the element and the array of values .
let arrEntries=arr1.entries();
let entry=arrEntries.next();
while(!entry.done){
console.log(entry.value);
entry=arrEntries.next();
}
5.some Method
Used to detect whether the elements in the array meet the specified conditions ( Function provides ). Each element of the array will be executed in turn : If I have one element that satisfies this condition , Then the expression returns true , The remaining elements are no longer checked .
Be careful : some() Empty arrays are not detected .
Be careful : some() It doesn't change the original array .
array.some(function(currentValue,index,arr),thisValue)
Parameter description :
Parameters 1:function(currentValue, index,arr)
must . function , Every element in the array performs this function .
Function parameter :
(1)currentValue must . The value of the current element
(2)index Optional . The index value of the current element
(3)arr Optional . The array object to which the current element belongs
Parameters 2:thisValue
Optional . Object as the callback to execute , Pass to function , Used as a “this” Value .
If you omit thisValue ,“this” The value of is “undefined”
var age=[12,42,34,10];
aa(){
var a=this.age.some((x)=>{
return x>100;
});
console.log(a);// The result is false
}

6. The two objects are the same key assignment
row.row The value inside is assigned to this.form Inside
Object.keys(this.form).forEach(key => {
this.form[key] = row.row[key];
});
版权声明
本文为[Eli-sun]所创,转载请带上原文链接,感谢
https://yzsam.com/2022/04/202204230554289618.html
边栏推荐
- Camtasia2022软件新增功能介绍
- Do you really understand the principle of code scanning login?
- 线性代数感悟之2
- Detailed explanation of information abstract, digital signature, digital certificate, symmetric encryption and asymmetric encryption
- [C#] 彻底搞明白深拷贝
- Promise (III)
- Node access to Alipay open platform sandbox to achieve payment function
- Paging SQL
- PHP高效读大文件处理数据
- Nodejs reads the local JSON file through require. Unexpected token / in JSON at position appears
猜你喜欢

The new MySQL table has a self increasing ID of 20 bits. The reason is

True math problems in 1959 college entrance examination

Nacos + aspnetcore + Ocelot actual combat code

Milvus 2.0 质量保障系统详解

VLAN高级技术,VLAN聚合,超级Super VLAN ,Sub VLAN

Milvus 2.0 質量保障系統詳解

线性代数感悟之2

Scope and scope chain in JS

详解牛客----手套

网络安全之渗透靶场实战详解
随机推荐
Detailed explanation of the penetration of network security in the shooting range
【生活中的逻辑谬误】稻草人谬误和无力反驳不算证明
如何用Redis实现分布式锁?
[PROJECT] small hat takeout (8)
Introduction to how to set up LAN
How to choose the wireless gooseneck anchor microphone and handheld microphone scheme
Solution architect's small bag - 5 types of architecture diagrams
CentOS MySQL multi instance deployment
Node access to Alipay open platform sandbox to achieve payment function
Copy constructor shallow copy and deep copy
Zhimeng dedecms security setup Guide
【解决报错】Error in v-on handler: “TypeError: Cannot read property ‘resetFields’ of undefined”
Go language RPC communication
Sub database and sub table & shardingsphere
STM32__ 03 - beginner timer
RTKLIB 2.4.3源码笔记
Feign report 400 processing
Linux MySQL data timing dump
PHP efficiently reads large files and processes data
An essay on the classical "tear down the wall in thinking"