一、ES6新增创建数组的方式
1.Array.of创建数组（ES6新增）
Array.of()方法用于将一组值，转换为数组。
Array.of()总是返回参数值组成的数组。如果没有参数，就返回一个空数组。
Array.of(3, 11, 8) // [3,11,8]
Array.of(3) // [3]
Array.of(3).length // 1
2.Array.from创建数组（ES6新增）
Array.from()方法用于将两类对象转为真正的数组：类似数组的对象（array-like object）和可遍历（iterable）的对象（包括 ES6 新增的数据结构 Set 和 Map）。
let arrayLike = { //类似数组的对象
0: 'tom',
1: '65',
2: '男',
3: ['jane','john','Mary'],
'length': 4
}
//转化为真正的数组
let arr = Array.from(arrayLike)
console.log(arr) // ['tom','65','男',['jane','john','Mary']]
Array.from的三个参数：
Array.from(arrayLike[, mapFn[, thisArg]] )
1 参数一是被转换的对象
2 参数二是一个map函数方法
3 参数三是map里面this的指向
注意：数组中如果不添加元素，那打印出来的元素的值默认就是undefined
二、ES6新增的数组方法
| ES6新增JS数组方法 | 作用 | 返回值 | 用法 |
|---|---|---|---|
| find() | 查找符合条件的元素 | 元素orubdefined | arr.find() |
| findIndex() | 查找符合条件的元素的索引 | 对应的索引 | arr.findIndex() |
| includes() | 判断一个数组是否包含一个指定的值 | true或false | arr.includes(value) |
| Array.isArray() | 判断一个对象是否为数组 | true或false | Array.isArray([]) |
| fill() | 使用给定值，填充一个数组 | 新数组 | Array(conut).fill(value) |
1、find()
- find 在数组中查找符合条件的元素，找到就返回 并且终止循环 找不到就是ubdefined
- 书写格式：arr.find()
let arr = [{id:1,name:'dee'},{id:2,name:'dee'},{id:3,name:'dee'},
{id:4,name:'dee'},{id:5,name:'dee'}];
// let obj = arr.find(function(item){
// return item == 3;
// })
// console.log(obj);
// ubdefined
let obj = arr.find(item => item.id > 1)
console.log(obj);
({id:2,name:'dee'})
2、findIndex()
- findIndex 在数组中查找符合条件的元素，找到就返回对应的索引 并且终止循环 -1
- 书写格式：arr.findIndex()
let arr = [1, 2, 3, 4, 5];
let obj = arr.findIndex(function(item) {
return item > 6;
})
console.log(obj); // -1
3、includes()
- includes()方法,判断一个数组是否包含一个指定的值，返回一个布尔值。 参数是一个value,一般用于简单数组。
- 对于复杂数组，则可以使用some()方法替代includes()方法
- 书写格式：arr.includes(value)
var a = [1,2,3]
console.log(a.includes(1)) // true
4、Array.isArray()方法
- 用来判断一个对象是否为数组
Array.isArray([]) // true
Array.isArray({}) // false
5、fill()方法
-
fill方法使用给定值，填充一个数组。
['a', 'b', 'c'].fill(7)
// [7, 7, 7]
new Array(3).fill(7)
// [7, 7, 7]
上面代码表明，fill方法用于空数组的初始化非常方便。数组中已有的元素，会被全部抹去。
-
fill方法还可以接受第二个和第三个参数，用于指定填充的起始位置和结束位置。
['a', 'b', 'c'].fill(7, 1, 2)
// ['a', 7, 'c']
- 以上为重要部分，其他内容参考 ECMAScript 6 入门 - 阮一峰
