ES6-新增的数组操作

Posted ananiah

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ES6-新增的数组操作相关的知识,希望对你有一定的参考价值。

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的数值

 

以上是关于ES6-新增的数组操作的主要内容,如果未能解决你的问题,请参考以下文章

详解es6新增数组方法简便了哪些操作

以下关于array的方法,哪个属于es6新增的

ES6数组新增操作的总结(与ES5对比总结)

es6 reduce方法是遍历数组吗

ES6对象的新增方法

ES6中的数组