当前位置:网站首页>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
边栏推荐
猜你喜欢
Detailed explanation of Niuke - Gloves
Customize my_ Strcpy and library strcpy [analog implementation of string related functions]
STM32__ 03 - beginner timer
Modify the test case name generated by DDT
扫码登录的原理你真的了解吗?
Deepinv20 installation MariaDB
vscode如何比较两个文件的异同
信息摘要、数字签名、数字证书、对称加密与非对称加密详解
Feign report 400 processing
Nacos + aspnetcore + Ocelot actual combat code
随机推荐
◰GL-着色器处理程序封装
Dancenn: overview of byte self-developed 100 billion scale file metadata storage system
1-2 characteristics of nodejs
Lock锁
Aiot industrial technology panoramic structure - Digital Architecture Design (8)
VLAN高级技术,VLAN聚合,超级Super VLAN ,Sub VLAN
Promise (II)
[pimf] openharmony paper Club - what is the experience of wandering in ACM survey
Calculation formula related to tolerance analysis
Do you really understand the principle of code scanning login?
TypeError: set_figure_params() got an unexpected keyword argument ‘figsize‘
Introduction to new functions of camtasia2022 software
1-3 components and modules
VsCode-Go
深入了解3D模型相关知识(建模、材质贴图、UV、法线),置换贴图、凹凸贴图与法线贴图的区别
Customize my_ Strcpy and library strcpy [analog implementation of string related functions]
Document operation II (5000 word summary)
【生活中的逻辑谬误】稻草人谬误和无力反驳不算证明
Detailed explanation of Niuke - Gloves
An essay on the classical "tear down the wall in thinking"