array 数组

发表于 | 更新于: | 分类于 |

创建数组

1
2
3
var arr  = [];
var arr1 = array();
var arr2 = new Array();

访问

通过索引访问数组元素： arr[0]

数组扩展运算符

它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。

1
2
3
4
5
console.log(...[1, 2, 3])
// 1 2 3

console.log(1, ...[2, 3, 4], 5)
// 1 2 3 4 5

应用

  • 其他运用
    替代 apply() 方法
    方便 Math.max()
    更好运用 push

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    // ES5 的写法
    function f(x, y, z) {
      // ...
    }
    var args = [0, 1, 2];
    f.apply(null, args);
    // ES6 的写法
    function f(x, y, z) {
      // ...
    }
    let args = [0, 1, 2];
    f(...args);



    // ES5 的写法
    Math.max.apply(null, [14, 3, 77])
    // ES6 的写法
    Math.max(...[14, 3, 77])
    // 等同于
    Math.max(14, 3, 77);


    // ES5
    new (Date.bind.apply(Date, [null, 2015, 1, 1]))
    // ES6
    new Date(...[2015, 1, 1]);

  • 复制数组 （如果数组元素是对象 也（浅拷贝））

  • 合并数组 （浅拷贝）

1
2
3
4
5
const a1 = [1, 2];
// 写法一
const a2 = [...a1];
// 写法二
const [...a2] = a1;
  • 结构赋值结合
  • 字符串 转成真正的数组
    1
    2
    3
    4
    5
    6
    7
    // ES5
    a = list[0], rest = list.slice(1)
    // ES6
    [a, ...rest] = list

    [...'hello']
    // [ "h", "e", "l", "l", "o" ]

常用api

pop():删除数组的最后一个元素，并返回这个元素。
shift():删除数组的第一个元素，并返回这个元素。
unshift():添加到数组头部;
arr.splice(index,n): 通过索引删
arr.slice(start,end) :返回选定元素, start 必需。
push():在数组的末尾增加一个或多个元素，并返回数组的新长度。
reverse():颠倒数组中元素的排列顺序
sort():对数组元素进行排序，并返回当前数组。

Array.of()
Array.of() 和 Array 构造函数之间的区别在于处理整数参数：Array.of(7) 创建一个具有单个元素 7 的数组，而 Array(7) 创建一个长度为7的空数组（注意：这是指一个有7个空位(empty)的数组，而不是由7个undefined组成的数组）。

Array.isArray(obj):判断传递的值是否是一个 Array。
如果对象是 Array，则为true; 否则为false。

fill() 方法用一个固定值填充一个数组中从起始索引到终止索引内的全部元素。不包括终止索引。
arr.fill(value[, start[, end]])

Array.prototype.indexOf()
返回数组中第一个与指定值相等的元素的索引，如果找不到这样的元素，则返回 -1。

Array.prototype.lastIndexOf()
返回数组中最后一个（从右边数第一个）与指定值相等的元素的索引，如果找不到这样的元素，则返回 -1。

arr.forEach((item,index,arr)=>{})
没有办法中止或者跳出 forEach() 循环 。如果要跳出循环，可以用try catch

1
2
3
4
5
6
7
8
9
10
11
12
let arr = [1,2,3,4,5,6,7,8,9,10]

try{
  arr.forEach((item,key)=>{
    console.log(item,key)
    if(key >= 4){
      throw new Error('1233')
    }
  })
}catch(e){
  console.log(e)
}

Array.from()
Array.from()方法用于将两类对象转为真正的数组：类似数组的对象（array-like object）和可遍历（iterable）的对象（包括 ES6 新增的数据结构 Set 和 Map）

参考：
isArray

Set
new Set()

  • add
  • has
  • delete
  • forEach

WeakSet 只能是对象，不能forEach，没有length

  • add
  • has
  • delete

Map 弥补了对象key只能是字符串。

  • size 返回长度
  • has 返回布尔值
  • set 设置值
  • get 获取值
  • delete 删除键，返回布尔值。
  • clear 清除所有，无返回值。

Map.prototype.keys()：返回键名的遍历器。
Map.prototype.values()：返回键值的遍历器。
Map.prototype.entries()：返回所有成员的遍历器。
Map.prototype.forEach()：遍历 Map 的所有成员。

WeekMap 与Map 结构类似，区别有：

  • 1.WeekMap只接受对象为键名（null也不行）。
  • 2.WeakMap的键名所指向的对象，不计入垃圾回收机制（不影响键名所指向的对象被回收)。

WeekMap有四个方法可用：get()、set()、has()、delete()。

垃圾回收