数据结构与算法之数组结构

JS 的数组就是API的调用

一.其他语言的数组的封装（比如Java的ArrayList）

• 为什么js的数组不需要封装，而java的需要封装呢？ ：因为java中的数组结构相对来说比较底层，而js当中对数组的操作封装的很好
  • 常见的语言的数组不能存放不同的数据类型，因此所有在封装时通常存放在数组中的时Object类型
  • 常见语言的数组容量不会自动改变（需要进行扩容操作）
  • 常见的语言的数组进行中间插入和删除操作性能比较低
• 当其他语言进行中间插入的时候，后面的数据必须先全部一个一个全部往后移动一个位置，空出一个位置后，才能插入数据
• 当其他语言进行删除的时候，还必须把后面的元素全部往前移动一个位置，因为删除了第一个元素，第一个是空的，通过索引0是取不到数据的，而后面的元素又不会动态的补上
• 所以我们为什么还要使用数组呢？
  • 通过下标值取数据的时候，效率非常高，能够直接定位的那个数据，进行修改，和查询

二. 数组API的常见操作

定义一个数组 let numbers =[1,2,3,4,5,6]

添加元素

//在数组的最后一个位置添加元素
numbers.push(11)  //1,2,3,4,5,6,11

//在数组的头部位置添加一个元素
for (var i = numbers.length; i > 0; i--) {
    numbers[i] = numbers[i-1]
}
numbers[0] = -1
alert(numbers) // -1,1,2,3,4,5,6  （取到最后一个元素的后面一个位置，从后开始，将前面的一个赋值给后面一个，最后就空出头部位置了）

删除元素

// 删除最后的元素
numbers.pop()  //1,2,3,4,5
//删除头部的元素
numbers.shift() //2,3,4,5,6

任意位置的删除和修改

//删除 指定位置的几个元素  （几个元素，不是第几个）
numbers.splice(1, 2) //1,4,5,6

//修改 指定位置的几个元素
numbers.splice(1, 2, "a", "b") //1,a,b,4,5,6  
这种操作会先删除，在添加写入的元素：先从索引1开始删除两个，在从删除的地方加上a，b两个元素
eg：
numbers.splice(1, 2, "a")  //1,a,4,5,6
numbers.splice(1, 3, "a") //1,a,5,6

常见的其他数组方法

concats	连接两个或者更多数组，并返回结果
every	对数组中的每一项运行给定函数，如果该函数对每一项都返回 true，则返回true, 否则返回false
filter	对数组中的每一项运行给定函数，返回该函数会返回 true的项组成的数组
forEach	对数组中的每一项运行给定函数。这个方法没有返回值
join	将所有的数组元素连接成一个字符串
indexOf	返回第一个与给定参数相等的数组元素的索引，没有找到则返回-1
lastIndexOf	返回在数组中搜索到的与给定参数相等的元素的索引里最大的值
map	对数组中的每一项运行给定函数，返回每次函数调用的结果组成的数组
reverse	颠倒数组中元素的顺序，原先第一个元素现在变成最后一个，同样原先的最后一个元素变成了现在的第一个
slice	传入索引值，将数组里对应索引范围内的元素作为新数组返回
some	对数组中的每一项运行给定函数，如果任一项返回 true，则结果为true, 并且迭代结束
sort	按照字母顺序对数组排序，支持传入指定排序方法的函数作为参数
toString	将数组作为字符串返回
valueOf	和 toString类似，将数组作为字符串返回

数组的合并

// 数组的合并
var nums1 = [1, 2, 3]
var nums2 = [100, 200, 300]
var newNums = nums1.concat(nums2)
alert(newNums) // 1,2,3,100,200,300

迭代方法

every()方法

• every()方法是将数组中每一个元素传入到一个函数中, 该函数返回true/false.
• 如果函数中每一个元素都返回true, 那么结果为true, 有一个为false, 那么结果为false
• every()练习 ：
  • 判断一组元素中是否 都 包含某一个字符

// 定义数组
var names = ["abc", "cb", "mba", "dna"]

// 判断数组的元素是否都包含a字符
var flag = names.every(function (t) {
    return t.indexOf('a') != -1 //indexof方法等于-1为没找到，找到了返回第一个索引
})
alert(flag)  //false

some()方法

• some()方法是将数组中每一个元素传入到一个函数中, 该函数返回true/false
• 但是和every不同的是, 一旦有一次函数返回了true, 那么迭代就会结束. 并且结果为true
• some()练习 ：
  • 判断一组元素中是否 包含某一个字符

// 定义数组
var names = ["abc", "cb", "mba", "dna"]

// 判断数组中是否包含有a字符的字符
var flag = names.some(function (t) {
    alert(t)
    return t.indexOf("a") != -1
})
alert(flag)

forEach()方法

• forEach()方法仅仅是一种快速迭代数组的方式而已
• 该方法不需要返回值
• forEach的练习

// 定义数组
var names = ["abc", "cb", "mba", "dna"]

// forEach的使用
names.forEach(function (t) {
    alert(t)
})  //弹出四次框 ，分别对应数组的每一项

另外三个filter，map，reduce方法在关于js的随笔中有所阐述