码迷,mamicode.com
首页 > 编程语言 > 详细

es6 学习四 数组的学习

时间:2017-12-22 12:23:23      阅读:202      评论:0      收藏:0      [点我收藏+]

标签:down   语义   script   include   isa   技术分享   result   console   get   

技术分享图片

1. Array.from()

语法:

Array.from(arrayLike[, mapFn[, thisArg]])
  • arrayLike 类数组对象
  • mapFn 如果指定了该参数,新数组中的每个元素会执行该回调函数(类似数组的map()
  • thisArg
Array.from(document.getElementsByTagName(‘div‘));

如果浏览器还没部署这个方法:

const toArray = (() =>
    Array.from ? Array.from : obj => [].slice.call(obj)
)();

2. Array.of()

Array.of(7);       // [7] 
Array.of(1, 2, 3); // [1, 2, 3]

Array(7);          // [ , , , , , , ]
Array(1, 2, 3);    // [1, 2, 3]

3. find()和findIndex()

说明: 这两个类是filter() 方法,区别在于filter返回是数组,find()和findIndex() 返回是元素。

function isBigEnough(element) {
  return element >= 15;
}

[12, 5, 8, 130, 44].find(isBigEnough); // 130

4. fill()

var numbers = [1, 2, 3]
numbers.fill(1);

// results in [1, 1, 1]

5. entries() 、keys()、values()

遍历数组

{
  let arr = [1, 2, 3];

  for (let item of arr.values()) {
    console.log(item);
  }
  for(let index of arr.keys()) {
    console.log(index);
  }
  for(let [index,item] of arr.entries()) {
    console.log(index,item);
  }
}

6. includes()

替代indexof,尽量不使用indexofindexof不够语义化。

let a = [1, 2, 3];

a.includes(2); 
// true 

a.includes(4); 
// false

7. 空数组在es5和es6的区别?

addr

es6 学习四 数组的学习

标签:down   语义   script   include   isa   技术分享   result   console   get   

原文地址:http://www.cnblogs.com/liangcheng11/p/8085314.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!