美文网首页ES6
ES6学习-数组

ES6学习-数组

作者: YINdevelop | 来源:发表于2018-03-13 17:41 被阅读7次

1.将一堆文本或者变量转换成数组

格式:Array.of(文本)

let arr =Array.of(3,4,5,6);
console.log(arr);    //[3, 4, 5, 6]

2.数组内成员的替换

格式:数组.fill(要替换的内容,开始替换的index值,结束替换的index值)

注:包含开始index,不包含结束index

let arr=[0,1,2,3,4,5,6,7,8,9];
arr.fill('js',2,5);
console.log(arr); //[0, 1, "js", "js", "js", 5, 6, 7, 8, 9]

3.数组遍历

1.格式:for..of

es5写法

let arr=['test0','test1','test2']
for (let x in arr){
    console.log(x,arr[x]);
}
 // 0,test0
    1,test1
    2,test2

es6输出数组成员

let arr=['test0','test1','test2']
for (let x of arr){
    console.log(x);
}
// test0
   test1
   test2    

es6输出index(arr.keys())

let arr=['test0','test1','test2']
for (let y of arr.keys()){
    console.log(y);
}
//0 1 2

es6同时输出数组成员和index(arr.entries())

let arr=['test1','test2','test3']
for (let [index,val] of arr.entries()){
    console.log(index,val);
}

2.格式:arr.forEach

let arr=['js','es6'];
arr.forEach((val,index)=>console.log(val,index)); 

//js,0
  es6,1

3.格式:arr.filter

let arr=['js','es6'];

arr.filter((val,index)=>console.log(val,index));

//js,0
  es6,1

4.格式:arr.some

let arr=['js','es6'];

arr.some((val,index)=>console.log(val,index));

//js,0
  es6,1

5.格式:arr.map

let arr=['js','es6'];

arr.map((val,index)=>console.log(val,index));

//js,0
  es6,1

相关文章

  • js数组扁平化和数组去重处理(对比)

    数组扁平化(多维数组)(es6) 数组去重 (es6) 数组去重(es5)

  • ES6 数组方法

    ES6 以下是个人对ES6 数组方法的理解和学习 map() 用法 : filter() forOf遍历方法 ​ ...

  • ES6变量的解构赋值

    本文参考阮一峰老师es6入门做的学习笔记。 1.数组的解构赋值。 ES6允许按照一定模式,从数组和对象中提取值,对...

  • es6之复制数组

    es5数组复制 es6数组复制

  • 数组合并及数组去重 对象数组去重

    1.数组合并concat方法 es6扩展符... 数组循环 2.数组去重高阶函数reduce: es6 filte...

  • ES6之数组的扩展

    在进入es6之数组的扩展这篇学习前,先了解下数组的基础内容,这里大概总结下,以便自己今后复习: 数组的创建方式: ...

  • JS基础之ES6 数组的改进

    数组是一种基础的JavaScript对象。ES6标准继续改进数组,添加了很多功能。 一、 创建数组 在es6以前,...

  • 数组去重

    基础类型数组去重 ES5 ES6 复杂类型数组去重 ES5 ES6

  • ES6学习-数组

    1.将一堆文本或者变量转换成数组 格式:Array.of(文本) 2.数组内成员的替换 格式:数组.fill(要替...

  • ES6学习-数组

    数组循环 foreach 普通的遍历 map 可以return一个数组,用来重新整理数据 for of 遍历出ke...

网友评论

    本文标题:ES6学习-数组

    本文链接:https://www.haomeiwen.com/subject/llzzfftx.html