欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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('|')) //字符串之间加上|