稀松数组

image.png

  1. var arr=[1,,3,4,5,];
  2. console.log(arr);
  3. delete arr[1];
  4. console.log(arr);
  5. console.log(arr[1]);
  6. delete arr[2]
  7. console.log(arr)

image.png
稀松数组,delete不能改变数组长度,删除键名不删,删键值,delete就像把键值替换成undefined
image.png
undefined

类数组

image.png

  1. function test(){
  2. arguments.forEach(function(item){
  3. console.log(item);
  4. });
  5. }
  6. test(1,2,3,4,5);

image.png
image.png

  1. function test(){
  2. [...arguments].forEach(function(item){
  3. console.log(item);
  4. });
  5. }
  6. test(1,2,3,4,5);

1…5 es6语法
image.png
类数组:length 1.arguments 2.DOMLIST 3.字符串
image.png
可以成功
image.png

image.png
image.png
不能修改字符串的长度,foreach遍历可以,读取可以,修改不可以
数组长度可变,字符串长度不可变

数组方法

image.png

数组方法很多
image.png

toString、join

很像去掉大括号
image.png

  1. console.log(Array.prototype.toString.call([[1,[2],[3,4]]]))//1,2,3,4

image.png
image.png
image.png

image.png
image.png
image.png
image.png

split

image.png
image.png
image.png
image.png
image.png
join split是一对,组合起来记

push

image.png
image.png
image.png
image.png
image.png
arr还是1,2
1,2,3,4
1,2,3,4
image.png

image.png
image.png

slice

image.png
4,2时变成()没办法交换顺序
image.png

image.png
类数组可以转换为真正的数组
image.png

splice

image.png
左闭右开,会改变原数组
image.png

image.png
拷贝原数组
image.png

image.png
修改原数组,返回修改了的部分,变化的部分
因为数组没有变化,所以返回空数组
image.png

image.png
image.png

image.png

index

image.png
1,返回对应的索引
image.png
-1

image.png
方向不一样,last从右往左
image.png

es6新增方法

image.png

image.png

  1. console.log(Array(3))
  2. console.log(Array(3, 4, 5))
  3. console.log(Array.of(3))
  4. console.log(Array.of(3, 4, 5)
  5. console.log(Array.from(3, 4, 5))

of为了不会产生歧义
form类数组转数组

image.png

image.png

fill

image.png
image.png
image.png

数组遍历方法

image.png

所有方法

image.png

image.png