JS数组：arr.reduce().arr.index().arr.some().arr.from().arr.map().reverse() .splice() .slice().reverse()

reduce() 方法

接收一个函数callback 作为累加器 数组中的每个值开始合并 最终为一个值

array.reduce(callback,[initialValue]) 方法有两个参数

callback函数接收四个参数：

preValue ：上一次调用回调返回的值 或者是提供的初始值。

curValue ： 数组中当前被处理的数组项

index ：当前数组项在数组中的索引值

array 调用reduce() 方法的数组

reduce()方法为数组中的每一个元素依次执行回调函数callbackfn，不包括数组中被删除或从未被赋值的元素，接受四个参数：初始值（或者上一次回调函数的返回值），当前元素值，当前索引，调用 reduce() 的数组。

回调函数第一次执行时，preValue 和 curValue 可以是一个值，如果 initialValue 在调用 reduce() 时被提供，那么第一个 preValue 等于 initialValue ，并且curValue 等于数组中的第一个值；如果initialValue 未被提供，那么preValue 等于数组中的第一个值，`curValue等于数组中的第二个值。

举个栗子：

回调函数被执行四次，每次参数和返回的值如下：

2. reduceRight() 方法
reduceRight()方法的功能和reduce()功能是一样的，不同的是reduceRight()从数组的末尾向前将数组中的数组项做累加

二：arr.indexOf(arr,start)

let arr = ['orange', '2016', '2016'];
 
arr.indexOf('orange'); //0
arr.indexOf('o'); //-1
 
arr.indexOf('2016'); //1
arr.indexOf(2016); //-1

分析:

	 1。arr.indexOf(‘orange') 输出 0 因为 ‘orange' 是数组的第 0 个元素，匹配到并返回下标。

    2。arr.indexOf(‘o') 输出 -1 因为此方法不会在每一个元素的基础上再次执行 indexOf 匹配。

   3。 arr.indexOf(‘2016') 输出 1 因为此方法从头匹配直到匹配到时返回第一个数组元素的下表，而不是返回全部匹配的下标。

**4.。arr.indexOf(2016) 输出 -1 注意：这里不会做隐式类型转换。**indexOf() compares searchElement to elements of the Array using strict equality (the same method used by the === or triple-equals operator).一目了然，这里用的是严格等于（===）

【这种情况区别于字符串：

let numStr = '2016';
 
numStr.indexOf('2'); //0
numStr.indexOf(2); //0

indexOf 会做简单的类型转换，把数字转换成字符串 ‘2’ 然后再执行。

Number 类型的使用：反过来是否会做简单的类型转换？？

let num = 2016;
 
num.indexOf(2); //Uncaught TypeError: num.indexOf is not a function

结果是：反过来并不行

解决方式：
（1）num.toString().indexOf(2); //0
（2）('' + num).indexOf(2); //0 推荐

】

三：javascript的数组之from()

Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。
Array.from(‘foo’); // [‘f’, ‘o’, ‘o’]
Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。

那么什么是类数组对象呢？所谓类数组对象，最基本的要求就是具有length属性的对象。

1、将类数组对象转换为真正数组：

let arrayLike = {
    0: 'tom', 
    1: '65',
    2: '男',
    3: ['jane','john','Mary'],
    'length': 4
}
let arr = Array.from(arrayLike)
console.log(arr) // ['tom','65','男',['jane','john','Mary']]

那么，如果将上面代码中length属性去掉呢？实践证明，答案会是一个长度为0的空数组。

这里将代码再改一下，就是具有length属性，但是对象的属性名不再是数字类型的，而是其他字符串型的，代码如下：

let arrayLike = {
    'name': 'tom', 
    'age': '65',
    'sex': '男',
    'friends': ['jane','john','Mary'],
    length: 4
}
let arr = Array.from(arrayLike)
console.log(arr)  // [ undefined, undefined, undefined, undefined ]

会发现结果是长度为4，元素均为undefined的数组

由此可见，要将一个类数组对象转换为一个真正的数组，必须具备以下条件：

1、该类数组对象必须具有length属性，用于指定数组的长度。如果没有length属性，那么转换后的数组是一个空数组。
　　2、该类数组对象的属性名必须为数值型或字符串型的数字

ps: 该类数组对象的属性名可以加引号，也可以不加引号

2、将Set结构的数据转换为真正的数组：

1
2
3
let arr = [12,45,97,9797,564,134,45642]
let set = new Set(arr)
console.log(Array.from(set)) // [ 12, 45, 97, 9797, 564, 134, 45642 ]

Array.from还可以接受第二个参数，作用类似于数组的map方法，用来对每个元素进行处理，将处理后的值放入返回的数组。如下：

1
2
3
let arr = [12,45,97,9797,564,134,45642]
let set = new Set(arr)
console.log(Array.from(set, item => item + 1)) // [ 13, 46, 98, 9798, 565, 135, 45643 ]

3、将字符串转换为数组：

1
2
let str = ‘hello world!’;
console.log(Array.from(str)) // [“h”, “e”, “l”, “l”, “o”, " ", “w”, “o”, “r”, “l”, “d”, “!”]

4、Array.from参数是一个真正的数组：

1
console.log(Array.from([12,45,47,56,213,4654,154]))
　　像这种情况，Array.from会返回一个一模一样的新数组

参数

第一个：接受一个类数组或可迭代对象。

第二个：新数组每个元素都会执行的回调函数

第三个：指定第二个参数的this对象

四：arr.some()

array.some(function(currentValue,index,arr),thisValue)

1.function(currentValue, index,arr) 必须。函数，数组中的每个元素都会执行这个函数
函数参数:
参数 描述
(1).currentValue 必须。当前元素的值
(2).index 可选。当前元素的索引值
(3).arr 可选。当前元素属于的数组对象

2.thisValue 可选。对象作为该执行回调时使用，传递给函数，用作 “this” 的值。
如果省略了 thisValue ，“this” 的值为 “undefined”

定义和用法：
some() 方法用于检测数组中的元素是否满足指定条件（函数提供）。

some() 方法会依次执行数组的每个元素：

如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测。
如果没有满足条件的元素，则返回false。
注意： some() 不会对空数组进行检测。

注意： some() 不会改变原始数组。

五：arr.map()

“映射”。arr.map(); 基本用法跟forEach方法类似,callback的参数也类似：：

1、**map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。

2、**map() 方法按照原始数组元素顺序依次处理元素。

3、**注意： map() 不会对空数组进行检测。

4、注意： map() 不会改变原始数组。

array.map(callback( value, index, array)，thisvalue);

参数 描述
1、function(currentValue, index,arr) 必须。函数，数组中的每个元素都会执行这个函数
函数参数:
参数 描述
（1）currentValue 必须。当前元素的值
（2）index 可选。当前元素的索引值
（3）arr 可选。当前元素属于的数组对象
2、thisValue 可选。对象作为该执行回调时使用，传递给函数，用作 “this” 的值。
如果省略了 thisValue，或者传入 null、undefined，那么回调函数的 this 为全局对象。

第六：

定义和用法
reverse() 方法用于颠倒数组中元素的顺序。

语法
arrayObject.reverse()
提示和注释
注释：该方法会改变原来的数组，而不会创建新的数组。

第七splice() 方法：截取

定义和用法
splice() 方法用于添加或删除数组中的元素。

注意：这种方法会改变原始数组。

返回值
如果仅删除一个元素，则返回一个元素的数组。 如果未删除任何元素，则返回空数组。

返回的是被截取出来的数组

语法
array.splice(index,howmany,item1,…,itemX)
参数 Values
参数 描述
index 必需。*规定从何处添加/删除元素。
该参数是开始插入和（或）删除的数组元素的下标，必须是数字。
howmany 必需。规定应该删除多少元素。必须是数字，但可以是 “0”。
如果未规定此参数，则删除从 index 开始到原数组结尾的所有元素。
item1, …, itemX 可选。要添加到数组的新元素
返回值
Type 描述
Array 如果从 arrayObject 中删除了元素，则返回的是含有被删除的元素的数组。

第八：slice() 方法：复制

定义和用法
slice() 方法可从已有的数组中返回选定的元素。

语法
arrayObject.slice(start,end)
参数 描述
start 必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。
end 可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数，那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数，那么它规定的是从数组尾部开始算起的元素。

请注意，该方法并不会修改数组，而是返回一个子数组。如果想删除数组中的一段元素，应该使用方法 Array.splice()。

输出：

George,John,Thomas
John,Thomas
George,John,Thomas

第九：reverse() 方法

定义和用法
reverse() 方法用于颠倒数组中元素的顺序,并返回该数组的引用

语法
arrayObject.reverse()
提示和注释
注释：该方法会改变原来的数组，而不会创建新的数组。

输出：

George,John,Thomas
Thomas,John,George