当前位置:网站首页>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
边栏推荐
- Freecodecamp ---- budget & category exercise
- 【WPF绑定3】 ListView基础绑定和数据模板绑定
- freeCodeCamp----prob_ Calculator exercise
- Zhimeng dedecms security setup Guide
- Derivation of Σ GL perspective projection matrix
- ACL 2022 | dialogved: a pre trained implicit variable encoding decoding model for dialogue reply generation
- Smart doc + Torna generate interface document
- [C#] 彻底搞明白深拷贝
- [PROJECT] small hat takeout (8)
- Lock lock
猜你喜欢
Zhongang Mining: Fluorite Flotation Process
Lock lock
RTKLIB 2.4.3源码笔记
Loggie source code analysis source file module backbone analysis
TypeError: set_ figure_ params() got an unexpected keyword argument ‘figsize‘
VLAN高级技术,VLAN聚合,超级Super VLAN ,Sub VLAN
ACL 2022 | dialogved: a pre trained implicit variable encoding decoding model for dialogue reply generation
Mock test
How vscode compares the similarities and differences between two files
Get the column name list of the table quickly in Oracle
随机推荐
Pycham connects to the remote server and realizes remote debugging
Feign report 400 processing
Solution architect's small bag - 5 types of architecture diagrams
Wiper component encapsulation
【生活中的逻辑谬误】稻草人谬误和无力反驳不算证明
Modify the test case name generated by DDT
线性代数感悟之1
PHP高效读大文件处理数据
How to implement distributed locks with redis?
PostgreSQL列存与行存
Calculate pie chart percentage
Customize my_ Strcpy and library strcpy [analog implementation of string related functions]
Deeply understand the relevant knowledge of 3D model (modeling, material mapping, UV, normal), and the difference between displacement mapping, bump mapping and normal mapping
Regular filtering of Intranet addresses and segments
Camtasia2022软件新增功能介绍
MySQL master-slave replication
Zhongang Mining: Fluorite Flotation Process
VsCode-Go
Website_ Collection
DDT + Excel for interface test