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

 

posted @ 2019-06-22 18:42  Ananiah  阅读(1175)  评论(0编辑  收藏  举报