当前位置:网站首页>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
边栏推荐
- Installing labellmg tutorial in Windows
- Knowledge points and examples of [seven input / output systems]
- ◰GL-阴影贴图核心步骤
- [markdown notes]
- Interface document yaml
- 1-2 characteristics of nodejs
- [problem solving] [show2012] random tree
- Introduction to how to set up LAN
- 网络安全之渗透靶场实战详解
- Sub database and sub table & shardingsphere
猜你喜欢
STM32__03—初识定时器
VLAN advanced technology, VLAN aggregation, super VLAN, sub VLAN
[pimf] openharmony paper Club - what is the experience of wandering in ACM survey
feign报400处理
TypeError: set_figure_params() got an unexpected keyword argument ‘figsize‘
CentOS MySQL multi instance deployment
org. apache. parquet. schema. InvalidSchemaException: A group type can not be empty. Parquet does not su
Sub database and sub table & shardingsphere
Milvus 2.0 détails du système d'assurance de la qualité
Bottom processing of stack memory in browser
随机推荐
An essay on the classical "tear down the wall in thinking"
Get the column name list of the table quickly in Oracle
[markdown notes]
Read a blog, re understand closures and tidy up
Node access to Alipay open platform sandbox to achieve payment function
Encapsulating the logging module
Promise (IV)
◰GL-着色器处理程序封装
How to build tiktok user trust and drive fan growth
Document operation II (5000 word summary)
Derivation of Σ GL perspective projection matrix
ACL 2022 | DialogVED:用于对话回复生成的预训练隐变量编码-解码模型
Use between nodejs modules
杂文 谈谈古典的《拆掉思维里的墙》
[pimf] openharmony paper Club - what is the experience of wandering in ACM survey
Nacos + aspnetcore + Ocelot actual combat code
Quick install mongodb
Detailed explanation of information abstract, digital signature, digital certificate, symmetric encryption and asymmetric encryption
面试百分百问到的进程,你究竟了解多少
Go language RPC communication