ES6-新增的数组操作，数组解构，forEach，fillter,some.map的数组遍历，数组转换字符串...

最新推荐文章于 2022-06-14 23:27:59 发布

dayu5595

最新推荐文章于 2022-06-14 23:27:59 发布

阅读量214

点赞数

文章标签： json

原文链接：http://www.cnblogs.com/Ananiah/p/11069931.html

版权

本文介绍了ES6中数组的一些新特性，包括如何使用Array.from和Array.of将JSON对象和其他类型转换为数组，find方法的使用，fill方法的介绍及数组的循环方式等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

转载于:https://www.cnblogs.com/Ananiah/p/11069931.html