往数组里添加键值对_框架都是花哨的东西！js才是根基,分享一下给原生js数组的操作...

1Array.map()方法

此方法原数组不会改变,会返回一个新数组。必须有返回值；

语法：

array

回调函数是必穿的参数，thisValue是可选参数！对象作为该执行回调同时使用，传递给函数用作this的值！如果省略thisValue,或者传入null,undefined,那么回调函数的this为全局对象！

回调函数里的参数currentValue：必选参数！当前元素的值！

index :可选当前元素的索引值！

arr:可选。当前所属的数组对象！

技术细节：

返回值：返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值

var

注意：思考上面的代码：使用map方法会产生一个新的数组，数组的每一项都是我们return出来的值！所以map方法必须有返回值！如果没有return，那么新数组的每一项都是undefined！数组中元素的个数和原数组是一样的！

例子2：对象里嵌套对象对象的键值也是对象！取对象的键值组成数组对象！

const

例子3：重组数组key,value的形式！

const

2Array.forEach()的用法！

forEach()方法用于调用数组的每个元素！并将元素传递给回调函数！没有返回值直接改变原数组！

注意：forEach对于空数组是不会执行回调函数的！

语法：

array

回调函数：回调函数是必传的参数：

thisValue:可选参数,传递给函数的值一般用this的值！如果这个参数为空undefined会传递给this值！

回调函数的的三个参数：

回调函数里的参数currentValue：必选参数！当前元素的值！

index :可选当前元素的索引值！

arr:可选。当前所属的数组对象！

技术细节：返回值nudefined

例子1让数组的每一项都有相同的运算：

var arr = [1, 2, 3, 4, 5, 6]var arr2 = arr.forEach(function (item, index) {arr[index] = item + 1})console.log(arr2) // undefinedconsole.log(arr) //  [2, 3, 4, 5, 6, 7]

产生上面结果的原因是：forEach方法没有返回值直接改变元数组：

例子2：用forEach方法累积求和

arr

例子3 跳出forEach循环不能用continue或break 可以用if或return

arr

例子4根据数组的某一项进行分类；

const

3 Array.filter()的用法过滤

语法：

array

回调函数：回调函数是必传的参数：

thisValue:可选参数,传递给函数的值一般用this的值！如果这个参数为空undefined会传递给this值！

回调函数的的三个参数：

回调函数里的参数currentValue：必选参数！当前元素的值！

index :可选当前元素的索引值！

arr:可选。当前所属的数组对象！

技术细节：返回值，返回数组，包含所有满足条件的元素！如果没有返回条件的元素返回空数组。

例子1

var

说明：原数组不发生变化返回的满足条件的新数组：

列子2：只能去重普通数组！对象数组不可去重

var

例子3：求两个数组的交集和并集

const

4：Array.reduce()函数累加器：

语法：

array

回调函数：必传参数：用于执行每个数组元素的函数；

回调函数的参数：

total:必传，初始值，或计算结果后的返回值；

currentValue：必传，当前元素

currentIndex：当前元素的索引

arr：当前元素所属的数组对象；

initialValue：可选传递给函数的初始值：

例子1：二维数组合并成一维数组；

let

例子2：对象去重：reduce的第一个参数是回调函数：第二个参数是传递给函数的初始值：

let

5 Array.some()， Array.every()

语法：

array

回调函数：回调函数是必传的参数：

thisValue:可选参数,传递给函数的值一般用this的值！如果这个参数为空undefined会传递给this值！

回调函数的的三个参数：

回调函数里的参数currentValue：必选参数！当前元素的值！

index :可选当前元素的索引值！

arr:可选。当前所属的数组对象！

技术细节：返回值:是布尔值；如果数组中的有元素满足检测条件返回true否则返回false；

Array.every();技术细节：所有元素通过检测返回true;否则返回false；

例子

5Array.join()：将数组转化成字符串，并以特定的符号分开；

用法；把数组的所有元素放入一个字符串；

元素是通过分隔符进行分隔的；

语法：

arrayObject

separator：可选参数，指定使用分隔符,如果省略该参数就以，分隔。

返回值

返回一个字符串。该字符串是通过把 arrayObject 的每个元素转换为字符串，然后把这些字符串连接起来，在两个元素之间插入 separator 字符串而生成的。

例子1

输出：

George,John,Thomas

例子2，

例子3

6Array.slice(下标(必须),下标(非必须))

(1)正确示例 slice(); substring()同理

let

7 Array.splice(下标(必须),删除个数(必须),新增元素(非必须))

1)正确示例 splice(); substr()同理

let

8 Array.push(),Array.pop(),Array.unshift(),Array.shift()

push: 末尾添加

pop: 删除末尾

unshift: 头部添加

shift: 删除头部

都会改变原数组

9 Array.isArray()判断一个数是不是数组返回布尔值；

(1)正确示例console.log(Array.isArray('11')); // falseconsole.log(Array.isArray([1,2])); // true

10.Array.concat()连接数组，es6可以用拓展操作符,合并数组。

11。Array.indexOf(),Array.lastIndexOf()

检索数组或字符串，返回下标，如果不存在返回-1

12.Array.find()

参数是回调函数，数组成员依次执行该回调函数，找出第一个返回值为true的成员，并返回该成员

定义和用法:

find() 方法返回通过测试（函数内判断）的数组的第一个元素的值。

find() 方法为数组中的每个元素都调用一次函数执行：

当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素，之后的值不会再调用执行函数。
如果没有符合条件的元素返回 undefined

注意: find() 对于空数组，函数是不会执行的。

注意: find() 并没有改变数组的原始值。

语法:

array

回调函数里的参数currentValue：必选参数！当前元素的值！

index :可选当前元素的索引值！

arr:可选。当前所属的数组对象！

技术细节：

返回符合条件的第一个数组元素值，如果没有返回undefined。

13Array.includes()

检测数组是否包含某个值：如果包换则赶回true,否则返回false!

例子：1

let

定义用法：

includes（）方法：判断一个组是否包含指定值：如果包含返回true,否则返回false

语法;

arr

参数说明

searchElement：必须需要查找的元素值：

fromIndex：可选,从该索引开始出查找searchElement,,如果为负值，则按升序从 array.length + fromIndex 的索引开始搜索。默认为 0。

var

计算出的索引小于 0

如果 fromIndex 为负值，计算出的索引将作为开始搜索searchElement的位置。如果计算出的索引小于 0，则整个数组都会被搜索。

/ 数组长度是3

14.Array.reverse(),Array.sort()

reverse: 反转数组的顺序

sort: 排序

都会直接改变原数组;

数组和操作的方法用法很多，需要场景灵活应用现在就分享这么多！