ES6-新增的数组操作,数组解构,forEach,fillter,some.map的数组遍历,数组转换字符串
程序员文章站
2022-08-02 12:01:58
ES6-新增的数组操作,数组解构,forEach,fillter,some.map的数组遍历,数组转换字符串 ......
es6-新增的数组操作
// es6数组格式 let json = { '0' : 'anan', '1' : 'anani', '2' : 'anania', length:3 } //es6 把数组的方法都放到了array对象中 let arr = array.from(json); console.log(arr) //array.of方法 转数组 // 例如后台传的 '3,4,5,6' let anan = array.of(3,4,5,6,7); console.log(anan) // 打印已转成的数组格式 // 例如后台传的 '[3,4,5,6]' 字符串 let anani = array.of('ananiah','好气啊'); console.log(anani) // 打印已转成的数组格式 // find() 实例方法 (先有实例 才可以使用) // 可以查找 数组 也可以查找字符串 没有值返回undefined let zxyqswl = [1,2,3,4,5,6,7,8,9]; console.log(zxyqswl.find(function(value,index,zxyqswl){ // value 表示当前查找的值 index 表示值得索引 数组的下标 zxyqswl 就是原型 return value > 5; })) //6 //fill 使用固定值填充数组 let append = ['anan','大诶啊','awsl']; append.fill('wula!',0,1); //替换第一个 append.fill('ananiah',1,2); //替换第二个 append.fill('嘤嘤嘤',2,3); //替换第三个 console.log(append) //数组循环 for(let item of append){ console.log(item) //循环数组的值 } //输出数组下标 for(let item of append.keys()){ console.log(item) //循环数组的下标 } //下标和值一起输出 for(let [index,val] of append.entries()){ console.log(index + ':' + val); } //entries 实例方法 实现 手动循环 let list = append.entries(); console.log(list) //输出array iterator数组 console.log(list.next().value) //输出下标为0的数值 console.log(list.next().value) //输出下标为1的数值 console.log(list.next().value) //输出下标为2的数值
数组解构:
//数组解构 let json1 = ['ananiah','大诶啊','web']; function jsonarr(a,b,c){ console.log(a,b,c) // ananiah 大诶啊 web } jsonarr(...json1); //in 的用法 let obj = { a:'ananiah', b:'大诶啊' } console.log('c' in obj) //false 判断数组中是否有c let objarr = [,,,]; //d都是空值 console.log(objarr.length) //3 console.log(0 in objarr) //false 判断空值
数组遍历:
//数组遍历 let eacharr = ['anan','ananiah','false']; eacharr.foreach((val,index) => console.log(index,val)); eacharr.filter(x => console.log(x)); eacharr.some(x => console.log(x)); //输出的跟fillter一样 console.log(eacharr.map(x=>'web')); //数组中的值都替换成了web
数组转换字符串
//数组转换字符串 console.log(eacharr.tostring()) console.log(eacharr.join('|')) //字符串之间加上|
上一篇: 尧舜禹三位帝王的儿子是谁?结局分别如何?