当前位置:网站首页>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
边栏推荐
- ◰ GL shadow map core steps
- Aiot industrial technology panoramic structure - Digital Architecture Design (8)
- groutine
- 聊一聊浏览器缓存控制
- Zhongang Mining: Fluorite Flotation Process
- Node access to Alipay open platform sandbox to achieve payment function
- English | day15, 16 x sentence true research daily sentence (clause disconnection, modification)
- Detailed explanation of the penetration of network security in the shooting range
- 深入了解3D模型相关知识(建模、材质贴图、UV、法线),置换贴图、凹凸贴图与法线贴图的区别
- BUG_ me
猜你喜欢
Kunteng full duplex digital wireless transceiver chip kt1605 / kt1606 / kt1607 / kt1608 is suitable for interphone scheme
ACL 2022 | DialogVED:用于对话回复生成的预训练隐变量编码-解码模型
线性代数感悟之1
Detailed explanation of information abstract, digital signature, digital certificate, symmetric encryption and asymmetric encryption
English | day15, 16 x sentence true research daily sentence (clause disconnection, modification)
Nodejs installation and environment configuration
The new MySQL table has a self increasing ID of 20 bits. The reason is
Bytevcharts visual chart library, I have everything you want
Getting started with JDBC
Dancenn: overview of byte self-developed 100 billion scale file metadata storage system
随机推荐
Scope and scope chain in JS
True math problems in 1959 college entrance examination
Copy constructor shallow copy and deep copy
oracle 中快速获取表的列名列表
Paging SQL
How vscode compares the similarities and differences between two files
VsCode-Go
Milvus 2.0 質量保障系統詳解
Go language RPC communication
STM32__03—初识定时器
MySQL modify master database
【题解】[SHOI2012] 随机树
How much do you know about the process of the interview
groutine
拷贝构造函数 浅拷贝与深拷贝
Pytorch: the pit between train mode and eval mode
On lambda powertools typescript
How to choose the wireless gooseneck anchor microphone and handheld microphone scheme
Feign report 400 processing
深入了解3D模型相关知识(建模、材质贴图、UV、法线),置换贴图、凹凸贴图与法线贴图的区别