JavaScript Array 知识整理

1. 创建数组

有两种方法：

1. new Array() —— new 加上构造函数Array()

   let arr = new Array()
   let arr = Array() // new可以省略
   let arr = new Array(20) // 创建 length 值为 20的数组
   let arr = new Array('red') // 创建一个包含 1 项，即字符串"red"的数组
   let arr = new Array(1, 2, 3) // 创建一个包含3项，即数字1,2,3的数组
   

   需要注意：
   传一个参数时
   如果传递的是数值，则会按照该数值创建包含给定项数的数组；
   如果传递的是其他类型的参数，则会创建只有包含那个值一项的数组。
2. 字面量表示法

   let arr = [] // 创建一个空数组
   let colors = [ 'red', 'blue', 'green'] // 创建一个包含 3 个字符串的数组
   

   与对象一样，在使用数组字面量表示法时，也不会调用 Array 构造函数

2. 检测数值

1. instanceof ( value instanceof Array ) 返回值：Boolean
   instanceof 操作符的问题在于，它假定只有一个全局执行环境。如果网页中包含多个框架，那实 际上就存在两个以上不同的全局执行环境，从而存在两个以上不同版本的 Array 构造函数。 如果你从 一个框架向另一个框架传入一个数组，那么传入的数组与在第二个框架中原生创建的数组分别具有各自 不同的构造函数。
2. Array.isArray(value) 返回值：Boolean

3. 数组方法

1. push、pop 后进先出
   push() 可以接收任意数量的参数，把它们逐个添加到数组末尾，并返回修改后数组的长度
   pop() 从数组末尾移除后一项，减少数组的 length 值，然后返回移除的项

   let arr = new Array()
   let count = arr.push('first', 'second', 'third')
   alert(count) // 3
   
   let item = arr.pop() // 取得最后一项
   alert(item) // "third"
   alert(arr.length) // 2
   

2. shift、unshift 先进先出
   shift() 移除数组中的第一个项并返回该项，同时将数组长度减 1
   unshift() 在数组前端添加任意个项并返回新数组的长度

   let arr = new Array('first', 'second', 'third')
   let item = arr.shift() // 取得第一项
   alert(item) // "first"
   alert(arr.length) // 2
   
   let arr = new Array('first', 'second', 'third')
   let count = arr.unshift('shift1', 'shift2')
   alert(count) // 5
   alert(arr) // shift1,shift2,first,second,third
   

3. reverse() 反转数组项的顺序，返回原数组经过反转之后的数组

   let arr = [ 1, 2, 3, 4, 5 ]
   arr.reverse()
   alert(arr) // 5,4,3,2,1
   

4. sort() 返回原数组经过排序之后的数组
   Ⅰ.默认情况下，sort()方法按升序排列数组项，即小的值位于前面，大的值排在后面
   为了实现排序，sort()方法会调用每个数组项的 toString()转型方法
   然后比较得到的字符串，以确定如何排序
   即使数组中的每一项都是数值，sort()方法比较的也是字符串

   let arr = [ 0, 1, 5, 10, 15 ]
   arr.sort()
   alert(arr) // 0,1,10,15,5
   

   Ⅱ.sort()方法可以接收一个比较函数作为参数
   比较函数接收两个参数
   如果第一个参数应该位于第二个之前则返回一个负数
   如果两个参数相等 则返回 0
   如果第一个参数应该位于第二个之后则返回一个正数

   // 升序
   let arr = [ 0, 1, 5, 10, 15 ]
   arr.sort((a, b) => a - b)
   alert(arr) // 0,1,5,10,15
   // 降序
   let arr = [ 0, 1, 5, 10, 15 ]
   arr.sort((a, b) => b - a)
   alert(arr) // 15,10,5,1,0
   

5. concat()
   先创建当前数组一个副本，然后将接收到的参数添加到这个副本的末尾，后返回新构建的数组

   let colors = ['red', 'green', 'blue']
   let colors2 = colors.concat('yellow', ['black', 'brown'])
   alert(colors) // red,green,blue 原数组并未改变
   alert(colors2) // red,green,blue,yellow,black,brown
   

6. slice()
   基于当前数组中的一或多个项创建一个新数组
   slice()方法不会影响原始数组
   slice()方法可以接受一或两个参数，即要返回项的起始和结束位置
   在只有一个参数的情况下，slice()方法返回从该参数指定位置开始到当前数组末尾的所有项
   如果有两个参数，该方法返回起始和结束位置之间的项 ===但不包括结束位置的项
   如果 slice() 方法的参数中有一个负数，则用数组长度加上该数来确定相应的位置
   例如，在一个包含5项的数组上调用 slice(-2,-1) 与调用 slice(3,4) 得到的结果相同
   如果结束位置小于起始位置，则返回空数组

   let colors = ['red', 'green', 'blue', 'yellow', 'purple']
   alert(colors.slice(1)) // green,blue,yellow,purple
   alert(colors.slice(2, 4)) // blue,yellow
   alert(colors.slice(-3, -1)) // blue,yellow
   alert(colors.slice()) // red,green,blue,yellow,purple
   alert(colors.slice(2)) // blue,yellow,purple
   alert(colors.slice(2, 1)) // 空
   alert(colors) // red,green,blue,yellow,purple 原数组并未改变
   

7. splice() 主要用途是向数组的中部插入项，会改变原数组

   // 删除：可以删除任意数量的项，只需指定 2 个参数：要删除的第一项的位置和要删除的项数
   let colors = ['red', 'green', 'blue', 'yellow', 'purple']
   alert(colors.splice(1, 2)) // green,blue
   alert(colors) // red,yellow,purple
   
   // 插入：可以向指定位置插入任意数量的项，只需提供 3个参数：起始位置、0（要删除的项数） 和要插入的项
   // 如果要插入多个项，可以再传入第四、第五，以至任意多个项
   let colors = ['red', 'green', 'blue', 'yellow', 'purple']
   alert(colors.splice(1, 0, 'pink', 'black', 'white')) // 返回空数组
   alert(colors) // red,pink,black,white,green,blue,yellow,purple
   
   // 替换：可以向指定位置插入任意数量的项，且同时删除任意数量的项
   // 只需指定 3 个参数：起始位置、要删除的项数和要插入的任意数量的项
   // 插入的项数不必与删除的项数相等
   let colors = ['red', 'green', 'blue', 'yellow', 'purple']
   alert(colors.splice(1, 1, 'pink', 'black', 'white')) // green
   alert(colors) // red,pink,black,white,blue,yellow,purple
   

8. indexOf()、lastIndexOf()
   都是接受两个参数：要查找的项、表示查找起点位置的索引（可选参数）
   indexOf() 从数组的开头（位置0）开始向后查找
   lastIndexOf() 从数组的末尾开始向前查找
   返回值：要查找的项在数组中的位置，或者没查找到返回-1
   在比较第一个参数与数组中的每一项时，会用全等操作符（===）

   let numbers = [ 1, 2, 3, 4, 5, 6, 5, 4, 3, 2, 1  ]
   alert(numbers.indexOf(4)) // 3
   alert(numbers.lastIndexOf(4)) // 7
   alert(numbers.indexOf(4, 4)) // 7
   alert(numbers.lastIndexOf(4, 4)) // 3
   
   // 引用类型
   let obj = { brand: 'Nike' }
   let apparel = [ { brand: 'Nike' } ]
   let moreApparel = [ obj ]
   alert(apparel.indexOf(obj)) // -1
   alert(moreApparel.indexOf(obj)) // 0