数组解构赋值,方法
程序员文章站
2023-11-26 12:53:04
可以同时定义多个变量,值来源于已有的数组 //1. 定义的变量 数组的项数 let [a,b,c]=[1,2,3];//等同于let a=1,b=2,c=3; //2. 定义的变量>数组的项数 let [a,b,c]=[1,2];//a=1,b=2,c=undefined 定义的变量没有对应的值就是 ......
可以同时定义多个变量,值来源于已有的数组
//1. 定义的变量===数组的项数
let [a,b,c]=[1,2,3];//等同于let a=1,b=2,c=3;
//2. 定义的变量>数组的项数
let [a,b,c]=[1,2];//a=1,b=2,c=undefined 定义的变量没有对应的值就是只声明未定义,值是undefined
//3. 定义的变量<数组的项数
let [a,b]=[1,2,3];//a=1,b=2 多出来的值没有变量接收,没事
- 右侧不直接是值,是一项数组。左侧想直接拿到右侧数组里的值,可以通过对应格式拿到值
- 左侧的变量虽然是在数组里但是我们拿的时候还是单独的变量
let [a,[b]]=[1,[2]]; console.log(a,b);//相当于a=1,b=2
- 省略赋值
let [a,,,b]=[1,2,3,4,5]; console.log(a,b);//a拿到右侧数组的第一项1,b拿到右侧数组的第四项4。中间不需要赋值和最后一项不需要赋值可以省略不写 //也可以这样获取a和b的值,var a=ary[0]
- 左侧某个变量可以获取右边数组多个值(不固定)
let [,a,,...b]=[1,2,3,4,5]; console.log(a,b);//第一个空位对应右侧1,a对应2,第三个空位对应3,...b取值为剩下的4,5 //a=2,b=[4,5]
- 左侧可以给默认值,当右侧是undefined或没有左侧对应的值时,左侧就会用默认值
//判断一个位置是否有值用===,右侧数组中当前像是undefined或没值时默认值生效,否则默认值不生效用右侧数组的值 let [a=0,b=1,c=2]=[1,undefined]; console.log(a,b,c);//a=1,b=1用默认值,c=2用默认值
方法
- array.from
- var newary=array.from(arguments);//将类数组转为数组
- find
- 遍历数组,依次遍历每一项当回调函数返回值是true时,停止查找返回当前项。如果一直是false返回undefined
var ary=[1,2,3];
var newary=ary.find(function (item, index, input) {
//item当前项,index当前项索引,input原数组
return true
})
- findindex
- 与find很像,但findindex返回的是当前项的索引
- indexof,lastindexof 作用同includes,但返回值是存在字符的位置索引,不存在是-1
- includes数组和字符串中都有这个方法,判断数组或字符串上是否有某项或字符。返回值是true或false
遍历(共五个)
let ary=[10,11,12];
//1. for循环,i代表索引,ary[i]代表数组的每一项
for(let i=0;i<ary.length;i++){
console.log(i);
console.log(ary[i]);
}
//2. for in循环数组,key代表数组每一项的索引
for(let key in ary){
console.log(key);//key代表索引
console.log(ary[key])//根据索引输出数组中对应的项
}
for of循环不能遍历对象
//3.1 for of循环数组,item代表数组的每一项
for(let item of ary){
console.log(item);
}
//3.2 for of循环,数组调用keys方法,item代表数组每一项的索引
for(let item of ary.keys()){
console.log(item);
}
//3.3 for of循环,数组调用entries方法,数组有多少项a有多少个,每个a都是一个数组,
//数组有两项,第一项是数组当前项的索引,第二项是数组当前项
for(let a of ary.entries()){
let [index,item]=a;//结构数组a
console.log(index,item)
}
上一篇: 小米官方教你关闭MIUI广告:世界清静了
下一篇: php getsiteurl()函数