JavaScript之数组经常使用方法以及返回值

1.转换方法 toString() valueOf() join()

• toString()方法会返回由数组中每一个值的字符串形式拼接而成的一个以逗号分隔的字符串。
• valueOf()返回的仍是数组
• join()传递参数以自定义分隔符

let arr = ["a", "b", 1, 3, 6]
console.log(arr.toString())  // a,b,1,3,6
console.log(arr.valueOf())   // ["a", "b", 1, 3, 6]
console.log(arr.join(","))   // a,b,1,3,6
console.log(arr.join("/"))   // a/b/1/3/6
复制代码

2.栈方法(栈是一种 LIFO（Last-In-First-Out，后进先出）的数据结构) push()和 pop()

• push()方法能够接收任意数量的参数，把它们逐个添加到数组末尾，并返回修改后数组的长度。
• pop()方法则从数组末尾移除最后一项，减小数组的 length 值，而后返回移除的项。

let colors = ["red", "green", "blue"]
let count = colors.push("black")
console.log(count)  // 4
let item = colors.pop()
console.log(item)  // black
复制代码

3.队列方法(先进先出) shift() unshift() 和 push() 方法能够像使用队列同样使用数组

• push()方法能够接收任意数量的参数，把它们逐个添加到数组末尾，并返回修改后数组的长度。
• unshift()它能在数组前端添加任意个项并返回新数组的长度
• shift()它可以移除数组中的第一个项并返回该项，同时将数组长度减 1。

let colors = ["red", "green", "blue"]
let count = colors.push("black")
console.log(count);   // 4

let item = colors.shift()
console.log(item)    // red
console.log(colors)  //["green", "blue", "black"]


let count1 = colors.unshift("yellow");
console.log(count1)     // 4
console.log(colors)    // ["yellow", "green", "blue", "black"]
复制代码

4.重排序方法 reverse() 和 sort()

• reverse()方法会反转数组项的顺序
• sort()方法(在默认状况下)按升序排列数组项,sort()方法会调用每一个数组项的 toString()转型方法，而后比较获得的字符串，以肯定如何排序。即便数组中的每一项都是数值，sort()方法比较的也是字符串

// 反转
let values = [0, 1, 5, 10, 15]
values.reverse()
console.log(values)  /// [15, 10, 5, 1, 0]


let values = [0, 1, 5, 10, 15]
values.sort()
console.log(values) // [0, 1, 10, 15, 5]

//升序
values.sort((a, b) => a - b)
console.log(values) // [0, 1, 5, 10, 15]

//降序
values.sort((a, b) => b - a)
console.log(values) // [15, 10, 5, 1, 0]
复制代码

5.操做方法 concat() slice() splice()

• concat() 建立当前数组一个副本，而后将接收到的参数添加到这个副本的末尾，最后返回新构建的数组。
• slice() 它可以基于当前数组中的一或多个项建立一个新数组。slice()方法能够接受一或两个参数，即要返回项的起始和结束位置。

// concat()
let colors = ["red", "green", "blue"]
let colors2 = colors.concat(["black", "brown"])
console.log(colors)     // 原数组不变 ["red", "green", "blue"]
console.log(colors2)    // ["red", "green", "blue", "black", "brown"]

//slice()
let colors = ["red", "green", "blue", "yellow", "purple"];
let colors3 = colors.slice(1)
let colors4 = colors.slice(1, 4)
console.log(colors3) //["green", "blue", "yellow", "purple"]
console.log(colors4) //["green", "blue", "yellow"]

// 注意:若是 slice()方法的参数中有一个负数，则用数组长度加上该数来肯定相应的位
// 置。例如，在一个包含 5 项的数组上调用 slice(-2,-1)与调用 slice(3,4)获得的
// 结果相同。若是结束位置小于起始位置，则返回空数组
复制代码

• splice() 方法始终都会返回一个数组，该数组中包含从原始数组中删除的项（若是没有删除任何项，则返回一个空数组）

  • 删除：能够删除任意数量的项，只需指定2个参数：要删除的第一项的位置和要删除的项数。例如，splice(0,2)会删除数组中的前两项。
  • 插入：能够向指定位置插入任意数量的项，只需提供3个参数：起始位置、0（要删除的项数）和要插入的项。若是要插入多个项，能够再传入第4、第五，以致任意多个项。例如，splice(2,0,"red","green")会从当前数组的位置 2 开始插入字符串"red"和"green"。
  • 替换：能够向指定位置插入任意数量的项，且同时删除任意数量的项，只需指定3个参数：起始位置、要删除的项数和要插入的任意数量的项。插入的项数没必要与删除的项数相等。例如，splice (2,1,"red","green")会删除当前数组位置 2 的项，而后再从位置 2 开始插入字符串"red"和"green"。

let colors = ["red", "green", "blue"]
let removed = colors.splice(0, 1) // 删除第一项
console.log(colors) //["green", "blue"]
console.log(removed) //["red"] 返回删除的项

let remo = colors.splice(1, 0, "yellow", "orange") // 从位置 1 开始插入两项
console.log(colors)  // ["green", "yellow", "orange", "blue"]
console.log(remo) // [] 返回删除的项没删除因此为空
复制代码

6.位置方法 indexOf() 和 lastIndexOf()

• 这两个方法都接收两个参数：要查找的项和（可选的）表示查找起点位置的索引。这两个方法都返回要查找的项在数组中的位置，
• indexOf()方法从数组的开头（位置 0）开始向后查找
• lastIndexOf()方法则从数组的末尾开始向前查找。

let numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1]
console.log(numbers.indexOf(4))  //3
console.log(numbers.lastIndexOf(4)) //5
复制代码

7.迭代方法

• every()：对数组中的每一项运行给定函数，若是该函数对每一项都返回 true，则返回 true
• filter()：对数组中的每一项运行给定函数，返回该函数会返回 true 的项组成的数组。
• forEach()：对数组中的每一项运行给定函数。这个方法没有返回值
• map()：对数组中的每一项运行给定函数，返回每次函数调用的结果组成的数组。
• some()：对数组中的每一项运行给定函数，若是该函数对任一项返回 true，则返回 true。

let numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1]

let everyNum = numbers.every(function(item, index) {
  return item > 0
})
console.log(everyNum)  //true

let someNum = numbers.some(function(item, index) {
  return item > 3
})
console.log(someNum) //true

let filterNum = numbers.filter(function(item, index) {
  return item > 1
})
console.log(filterNum) // [2, 3, 4, 5, 4, 3, 2]

let mapNum = numbers.map(function(item, index) {
  return item * 2
});
console.log(mapNum) // [2, 4, 6, 8, 10, 8, 6, 4, 2]

//forEach和for同样就是单纯的循环数组
numbers.forEach(function(item, index, array) {
  //执行某些操做
})
复制代码

8.归并方法 reduce()和 reduceRight()。这两个方法都会迭代数组的全部项，而后构建一个最终返回的值

• reduce() 方法从数组的第一项开始，逐个遍历到最后。
• reduceRight() 则从数组的最后一项开始，向前遍历到第一项。
• 这两个函数返回的任何值都会做为第一个参数自动传给下一项。

let values = [1, 2, 3, 4, 5]
let sum = values.reduce(function(prev, cur, index, array) {
  return prev + cur
})
let sum1 = values.reduce(function(prev, cur, index, array) {
  return prev * cur
})
let sum2 = values.reduceRight(function(prev, cur, index, array) {
  return prev + cur
})
let sum3 = values.reduceRight(function(prev, cur, index, array) {
  return prev * cur
})

console.log(sum) // 15        1+2+3+4+5 = 15
console.log(sum1) // 120      1*2*3*4*5 = 120
console.log(sum2) // 15       5+4+3+2+1 = 15
console.log(sum3) // 120      5*4*3*2*1 = 120    
复制代码

参考：高级程序设计三