JS数组常用方法

1. forEach，数组每个元素都执行一次回调函数，可用于遍历数组，没有返回值(undefined)，默认不会改变原数组（但回调函数可传入3个参数forEach(item,index,arr)，后2个是可选参数arr[index]就是item，arr[index]=新值)，参数传入一个迭代器函数，这里用箭头函数；

const arr = ['zhangsan', '李四', '王五']

arr.forEach(o => console.log(o))

2. map，遍历数组并返回新的数组，与forEach一样，回调函数可传入3个参数(item,index,arr)，后2个是可选参数，参数传入一个迭代器函数，这里用箭头函数，注意，迭代器函数里要有return（只有一条语句，可以省略return），否则会返回undefined，最终会是一个undefined的数组；

const arr = [1, 2, 3, 4, 5]

let newarr = arr.map(n => n * 2)

console.log(newarr);

3. filter,对数组过滤，返回新数组，与forEach一样，回调函数可传入3个参数(item,index,arr)，后2个是可选参数，对符合条件的元素组成新的数组，如果没有符合条件的元素则返回空数组；

const arr = [
    { name: '张三1', gender: '男' },
    { name: '张三2', gender: '女' },
    { name: '李四3', gender: '男' },
    { name: '张三4', gender: '女' }
]

let newarr = arr.filter(o => o.gender === '男' && o.name.startsWith('张'))

console.log(newarr)

4. find,遍历数组，找到符合条件的元素后，就返回了，不再继续遍历，如果没有符合条件的元素返回 undefined，与forEach一样，回调函数可传入3个参数(item,index,arr)，后2个是可选参数。

const arr = [
    { name: '张三', gender: '男', id: 1 },
    { name: '张三2', gender: '女', id: 2 },
    { name: '李四', gender: '男', id: 3 },
    { name: '张三4', gender: '女', id: 4 }
]

var person = arr.find(o => o.name === '张三')

console.log(person);

5. every,检测数值元素的每个元素是否都符合条件，数组内的元素一假则假，剩余的元素不会再进行检测，如果所有元素都满足条件，则返回 true，与forEach一样，回调函数可传入3个参数(item,index,arr)，后2个是可选参数。应用场景，比如把注册信息统一放一个数组里，用一个迭代函数（统一判断长度是否为空）处理；

const arr = [
    { name: '张三', gender: '男', id: 1 },
    { name: '张三2', gender: '女', id: 2 },
    { name: '李四', gender: '男', id: 3 },
    { name: '张三4', gender: '女', id: 4 }
]

var b = arr.every(o => o.id > 0)

console.log(b);

6. some,检测数组元素中是否有元素符合指定条件，数组内的元素一真则真，剩余的元素不会再执行检测，如果没有满足条件的元素，则返回false，回调函数可传入3个参数(item,index,arr)，后2个是可选参数，代码很简单，就不贴出来了；
7. reduce,接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值，数组的归并方法，与forEach()、map()、filter()等迭代方法一样都会对数组每一项进行遍历，但是reduce() 可同时将前面数组项遍历产生的结果与当前遍历项进行运算，这一点是其他迭代方法无法企及的；
   • 语法：array.reduce(function(total, currentValue, currentIndex, arr), initialValue);
   • total: 必需。初始值, 或者计算结束后的返回值。
   • currentValue： 必需。数组的当前元素。
   • currentIndex：可选。当前元素的索引；
   • arr： 可选。当前元素所属的数组对象。
   • initialValue:可选。传递给函数的初始值，相当于total的初始值。

	//数组求和
        let arr = [11, 22, 33, 44, 55]
        let sum = arr.reduce((prev, cur) => {
            console.log(prev, cur);
            return prev = prev + cur //如果只有一条语句，这个return可以省略
        }, 0)
        console.log('====' + sum);

        //求最大值
        let arr = [11, 66, 33, 44, 55]
        var max = arr.reduce((prev, cur) => Math.max(prev, cur))
        console.log(max);

        //求字符串中字母出现的次数
        const str = 'abca8ejddudhdifhakdfhfhdgdofhakaasab'
        let obj = str.split('').reduce((prev, cur) => {
            prev[cur] ? prev[cur]++ : prev[cur] = 1
            return prev
        }, {}
        )
        console.log(obj);

• join() ,用于把数组中的所有元素转换一个字符串，语法：array.join(separator)，separator参数可选，指定要使用的分隔符。如果省略该参数，则使用逗号作为分隔符。通过把 arrayObject 的每个元素转换为字符串，然后把这些字符串连接起来，在两个元素之间插入 separator 字符串而生成的。
• push(),向数组的末尾添加一个或多个元素，并返回新的长度，在数组起始位置添加元素请使用 unshift() 方法。
• 和pop() ,删除数组的最后一个元素并返回删除的元素，移除数组第一个元素，请使用 shift() 方法。
• shift() ,把数组的第一个元素从其中删除，并返回第一个元素的值，移除数组末尾的元素可以使用 pop() 方法。
• unshift() ,向数组的开头添加一个或更多元素，并返回新的长度，将新项添加到数组末尾，请使用 push() 方法

	头	尾	备注
加	unshift	push	可加一个活多个,返回新长度
减	shift	pop	减一个元素，并将其返回

• sort() ,对数组的元素进行排序，默认按字母升序，所以40在5前面，数字排序要通过一个函数作为参数调用，语法：array.sort(sortfunction)，参数可选，请注意，数组在原数组上进行排序，不生成副本。

const arr = [2, 3, 9, 10, 7, 40, 5];
console.log(arr.sort()); //[10, 2, 3, 40, 5, 7, 9] 默认，不传函数作参数
console.log(arr.sort((a, b) => a - b)); //[2, 3, 5, 7, 9, 10, 40] 按数字大小升序
console.log(arr.sort((a, b) => b - a)); //[40, 10, 9, 7, 5, 3, 2]

// 对象数组排序
const objArr = [
    { id: 10, name: "aa" },
    { id: 5, name: "bb" },
    { id: 13, name: "cc" },
    { id: 1, name: "dd" },
  ];
  console.log(objArr.sort((a, b) => a.id - b.id));

• reverse() ,颠倒数组中元素的顺序，没有参数，语法：array.reverse()
• concat(),用于连接两个或多个数组，不会改变现有的数组，而仅仅会返回被连接数组的一个副本（返回一个新的数组）。参数是数组，那么添加的是数组中的元素，而不是数组。
• slice(),从已有的数组中返回选定的元素，不会修改原数组，只会返回一个浅复制了原数组中的元素的一个新数组，可提取字符串的某个部分，并以新的字符串返回被提取的部分。不会改变原始数组。语法：array.slice(start, end)，2个参数都是可选。
  • 参数：start，可选。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。如果该参数为负数，则表示从原数组中的倒数第几个元素开始提取，slice(-2) 表示提取原数组中的倒数第二个元素到最后一个元素（包含最后一个元素）。
  • 参数：end，可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数，那么切分的数组包含从 start 到数组结束的所有元素。如果该参数为负数， 则它表示在原数组中的倒数第几个元素结束抽取。 slice(-2,-1) 表示抽取了原数组中的倒数第二个元素到最后一个元素（不包含最后一个元素，也就是只有倒数第二个元素）。
  • 包含从 start 到 end （不包括该元素）的 arrayObject 中的元素。

取最后一个元素和取第1个元素，不改变原数组，返回新数组

• splice(),添加或删除数组中的元素，会改变原始数组。语法：array.splice(index,howmany,item1,.....,itemX)

  • 参数：index，必需。规定从何处添加/删除元素。该参数是开始插入和（或）删除的数组元素的下标，必须是数字。
  • 参数：howmany，可选。规定应该删除多少元素。必须是数字，但可以是 “0”。如果未规定此参数，则删除从 index 开始到原数组结尾的所有元素
  • 参数：item1, …, itemX，可选。要添加到数组的新元素
  • 返回值：删除了元素，则返回的是含有被删除的元素的数组，如果仅删除一个元素，则返回一个元素的数组。 如果未删除任何元素，则返回空数组。

• indexOf(),返回数组中某个指定的元素位置（其采用的是全等操作符 ===，对于对象数组[{},{}]一般是查不到的，所以会返回-1，除非查找对象的引用与数组内某元素的引用，指向同一个，比如需查找的对象不是临时创建的且之前已加入数组的，则可以查找到，如下图），如果你想查找字符串最后出现的位置，请使用 lastIndexOf() 方法。语法：array.indexOf(item,start)

  • 参数：item，必须。查找的元素
  • 参数：start，可选的整数参数。规定在数组中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数，则将从字符串的首字符开始检索。
  • 返回值：元素在数组中的位置，如果没有搜索到则返回 -1。

  

• lastIndexOf(),返回一个指定的元素在数组中最后出现的位置（下标），从该字符串的后面向前查找，如果要检索的元素没有出现，则该方法返回 -1，语法：array.lastIndexOf(item,start),start可选的整数参数，如省略该参数，则将从字符串的最后一个字符处开始往前检索。
  

• isArray(),用于判断一个对象是否为数组，如果对象是数组返回 true，否则返回 false。语法：Array.isArray(obj)，obj必需，要判断的对象。

其他函数：

• for/of,只要部署了Iterator的数据结构都可以使用 for ··· of ··· 完成遍历操作，不能遍历对象，可遍历数组，其遍历的是元素值，而不是属性名；

Object.prototype.objCustom = function() {}; 
Array.prototype.arrCustom = function() {};
 
let iterable = [3, 5, 7];
iterable.foo = 'hello';
 
for (let i of iterable) {
  console.log(i); // logs 3, 5, 7
}
// for … of 只循环集合本身的元素。

• for/in,用于循环对象或数组，另外数组也是对象，每个元素的索引被视为一个属性名；
  • 循环数组时，每次循环取出索引for (let index in aArray)，其中index是从0开始的索引，如果数组对象添加了属性，也会循环出来（每次循环取对象可枚举属性名）；

   Object.prototype.objCustom = function () {};
   Array.prototype.arrCustom = function () {};

   let iterable = [3, 5, 7];
   iterable.foo = "hello";

   for (let i in iterable) {
     console.log(i); // 0, 1, 2, "foo", "arrCustom", "objCustom"
   }

- 循环对象，每次循环取对象可枚举属性名（继承自Object.prototype和String.prototype，例如 String 的 indexOf()  方法或 Object的toString()方法，为不可枚举属性），
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201204163719680.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pvdWxlaTA3MTg=,size_16,color_FFFFFF,t_70)

参考 :https://www.cnblogs.com/amujoe/p/11376940.html