• 该函数可以一依次传入三个参数，分别为数组当前的值，数组当前项的索引，数组对象本身
  numberList.forEach(function(element, index, array) {
  console.log('array-----------------',array);
  console.log('index-----------------',index);
  console.log('element-----------------',element);
  })
  

• 接收一个函数回调callback,接收三个参数：currentValue、index、array
• currentValue:callback 数组中正在处理的当前元素
• index:callback 数组中正在处理的当前元素的索引。
• array:map 方法调用的数组。
  let newArray = numberList.map(function(element, index, array) {
  return !element ? 0 : element + 1
  })
  

• 通过concat连接两个数组：let numberList_2 = [12, 13, 14, 15, 16, 17, 18];
  

  let numberList_3 = [] numberList_3 = numberList_3.concat(numberList, numberList_2); console.log('numberList_3-----------------', numberList_3);

  
  
• 将值连接到数组：let alpha = ['a', 'b', 'c'];
  

  let alphaNumeric = alpha.concat(1, [2, 3]); console.log(alphaNumeric); // results in ['a', 'b', 'c', 1, 2, 3]

  
  

• 该方法接收一个函数回调callback，接收三个参数：element、index、array
• element:数组中当前正在处理的元素
• index:正在处理的元素在数组中的索引
• array:调用了 filter 的数组本身
• 示例：
  

  let filtered = [12, 5, 8, 130, 44].filter(function (element) { return element >= 10; });

  
  

• 该方法接收一个函数回调callback，用来测试每个元素的函数，接收三个参数：element、index、array
• element：用于测试的当前值。
• index：用于测试的当前值的索引
• array：调用 every 的当前数组
  let everyResult = [12, 54, 18, 130, 44].every(function (element, index, array) {
  return element >= 10
  })
  

• 该方法接收一个函数回调callback，用来测试每个元素的函数，接收三个参数：element、index、array
• element: 数组中正在处理的元素
• index : 数组中正在处理的元素的索引值。
• array :some()被调用的数组。
  let someResult = [2, 5, 8, 1, 4].some(function(element, index, array) {
  return element > 10;
  })
  console.log('someResult---------', someResult)
  

• 该方法接收一个arrayLike，mapFn，thisArg
• arrayLike ：想要转换成数组的伪数组对象或可迭代对象。
• mapFn ： 如果指定了该参数，新数组中的每个元素会执行该回调函数。
• thisArg ： 可选参数，执行回调函数 mapFn 时 this 对象。

let fromResult = Array.from('123213')

const set = new Set(['foo', 'bar', 'baz', 'foo']); Array.from(set); // [ "foo", "bar", "baz" ]

• elementN：任意个参数，将按顺序成为返回数组中的元素。

Array.of(7); // [7] Array.of(1, 2, 3); // [1, 2, 3] Array(7); // [ , , , , , , ] Array(1, 2, 3); // [1, 2, 3]

• searchElement 要查找的元素
• fromIndex 开始查找的位置。 如果该索引值大于或等于数组长度，意味着不会在数组里查找，返回-1
• 如果参数中提供的索引值是一个负值，则将其作为数组末尾的一个抵消，即-1表示从最后一个元素开始查找，-2表示从倒数第二个元素开始查找 ，以此类推。
• 注意：如果参数中提供的索引值是一个负值，并不改变其查找顺序，查找顺序仍然是从前向后查询数组。如果抵消后的索引值仍小于0，则整个数组都将会被查询。其默认值为0.

var indices = []; var array = ['a', 'b', 'a', 'c', 'a', 'd']; var element = 'a'; var idx = array.indexOf(element); if(idx == -1) { indices = []; } while (idx != -1) { indices.push(idx); idx = array.indexOf(element, idx + 1); } console.log('indices-------',indices);

• 从此位置开始逆向查找
• searchElement： 要查找的元素 必选参数
  
  • 从此位置开始逆向查找
  • 默认为数组的长度减 1(arr.length - 1)，即整个数组都被查找
  • 如果该值大于或等于数组的长度，则整个数组会被查找。
  • 如果为负值，将其视为从数组末尾向前的偏移。即使该值为负，数组仍然会被从后向前查找。
  • 如果该值为负时，其绝对值大于数组长度，则方法返回 -1，即数组不会被查找。
  • 返回值：数组中该元素最后一次出现的索引，如未找到返回-1。
    

    var last_array = [2, 5, 9, 2]; var last_array_index = last_array.lastIndexOf(2); last_array_index = last_array.lastIndexOf(7); // 该值大于或等于数组的长度，则整个数组会被查找 从位置索引为0开始 last_array_index = last_array.lastIndexOf(2, 3); last_array_index = last_array.lastIndexOf(2, 2); last_array_index = last_array.lastIndexOf(2, -2); last_array_index = last_array.lastIndexOf(2, -1); console.log('last_array_index-------', last_array_index)

    
    

• 该方法接收一个回调函数，在数组每一项上执行的函数，接收 3 个参数：element、index、array
• element ： 当前遍历到的元素。
• index ： 可选参数 当前遍历到的索引。
• array： 可选参数 数组本身
• thisArg ： 可选参数 执行回调时用作this 的对象
• callback函数带有3个参数：当前元素的值、当前元素的索引，以及数组本身
• // 用对象的属性查找数组里的对象,返回找到该对象
  

  var inventory = [ { name: 'apples', quantity: 2 }, { name: 'bananas', quantity: 0 }, { name: 'cherries', quantity: 5 } ]; let inventory_result = inventory.find(function(fruit, index) { return fruit.name === 'bananas'; })console.log('inventory_result------', inventory_result)

  
  

• element :当前元素
• index：当前元素的索引
• array : 调用findIndex的数组
• 示例：
  let findIndex_data = https://www.it610.com/article/[4, 6, 8, 12].findIndex(function(item, index, array) {
  

  return item > 5 }) console.log('findIndex_data----', findIndex_data)

  
  

• valueToFind：需要查找的元素值。
• fromIndex：可选参数，从fromIndex 索引处开始查找 valueToFind。如果为负值，则按升序从 array.length + fromIndex 的索引开始搜 （即使从末尾开始往前跳 fromIndex 的绝对值个索引，然后往后搜寻）。默认为 0。
• 返回一个布尔值 Boolean ，如果在数组中找到了（如果传入了 fromIndex ，表示在 fromIndex 指定的索引范围中找到了）则返回 true 。
  
  • 如果 fromIndex 大于等于数组的长度，则会返回 false，且该数组不会被搜索。
  • 如果 fromIndex 为负值，计算出的索引将作为开始搜索searchElement的位置。如果计算出的索引小于 0，则整个数组都会被搜索。
• includes方法示例：
  

  [1, 2, 3].includes(2); // true [1, 2, 3].includes(4); // false [1, 2, 3].includes(3, 3); // false [1, 2, 3].includes(3, -1); // true [1, 2, NaN].includes(NaN); // true

  
  

var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May']; months.valueOf();

• 返回值：一个表示指定的数组及其元素的字符串
• 对于数组对象，toString 方法连接数组并返回一个字符串，其中包含用逗号分隔的每个数组元素。
  

  const array1 = [1, 2, 'a', '1a']; console.log(array1.toString()); // 1,2,a,1a

  
  

• 返回值：返回一个新的 Array 迭代器对象
• Array Iterator是对象，它的原型上有一个next方法
• next方法可用用于遍历迭代器取得原数组的[key,value]
  

  var arr_iterator = ["a", "b", "c"]; var iterator = arr_iterator.entries(); console.log('iterator-----',iterator.next().value);

  
  

• 示例// 索引迭代器会包含那些没有对应元素的索引
  

  const array2_keys = [1, '', 'a', 'b'] const object_keys = Object.keys(array2_keys); console.log('object_keys-------', object_keys) var denseKeys = [...object_keys.keys()]; console.log('denseKeys-------', denseKeys)

  
  
• 返回值：一个新的 Array 迭代器对象。

• 返回值：一个新的 Array 迭代对象。该对象包含数组每个索引的值
• 示例：
  

  const array1_values = ['array1_values', 'b', 'c']; const iterator_values = array1_values.values(); console.log('iterator_values', [...iterator_values]) for (const value of iterator) { console.log(value); }

  
  

• value： 必选参数 用来填充数组元素的值。
• start：可选参数 起始索引，默认值为0。
• end ：可选参数 终止索引，默认值为 this.length。
• 返回值：修改后的数组。
• 如果 start 是个负数, 则开始索引会被自动计算成为 length+start
• 如果 end 是个负数, 则结束索引会被自动计算成为 length+end
• // 当只有value值，start与end没有值时，value值
  

  let data_fill = [1, 2, 3].fill(4); // [4, 4, 4] console.log('data_fill------', data_fill)

  
  
• // 当value值与start值存在
  

  let data_fill_start = [1, 2, 3].fill(4, 0, 1); // [[4, 2, 3] console.log('data_fill_start------', data_fill_start)

  
  
• // 当start与end的值存在并且是负数时候
  // 此时得start等于array.length + start = 3 + (-3) = 0;
  // 此时得end等于array.length + end = 3 + (-2) = 1
  

  let fu_fill_start_end = [1, 2, 3].fill(4, -3, -2); // [4, 2, 3] console.log('fu_fill_start_end-------', fu_fill_start_end)

  
  

• 该方法接收一个回调函数callback,执行数组中每个值 (如果没有提供 initialValue则第一个值除外)的函数，包含四个参数：
• accumulator: 累计器累计回调的返回值; 它是上一次调用回调时返回的累积值，或initialValue
• currentValue：数组中正在处理的元素。
• index ：可选参数 数组中正在处理的当前元素的索引。 如果提供了initialValue，则起始索引号为0，否则从索引1起始。
• array：可选参数 调用reduce()的数组
• initialValue：可选参数 作为第一次调用 callback函数时的第一个参数的值。
• initialValue： 如果没有提供初始值，则将使用数组中的第一个元素。 在没有初始值的空数组上调用 reduce 将报错。
• 如果arr数组为空且没有提供initialValue，会抛出TypeError
• // 数组里所有值的和
  

  let reduce_data = https://www.it610.com/article/[0, 1, 2, 3, 4].reduce(function(accumulator, currentValue, currentIndex, array) { return accumulator + currentValue; }, 4); // 输出14

  
  
• // 数组里所有值的和
  

  var sum = [0, 1, 2, 3].reduce(function (accumulator, currentValue) { return accumulator + currentValue; }, 0); // 输=出6

  
  

let sort_values = [0, 1, 5, 10, 15]; - // 升序情况下 sort_values.sort(function(a, b) { return a - b }) - // 降序情况下 sort_values.sort(function(a, b) { return b - a })

let reverse_values = [0, 1, 5, 10, 15]; reverse_values.reverse() console.log('sort_values-------', reverse_values)

• start 必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。
  
  • 也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。
• end 可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。

• 如果只有一个参数，则 slice()会返回该索引到数组末尾的所有元素。
• // let colors2 = colors.slice(1);
  

  // console.log('colors---------', colors2) let colors3 = colors.slice(-1) console.log('colors3---------', colors3)

  
  
• 如果有两个参数，则 slice()返回从开始索引到结束索引对应的所有元素，其中不包含结束索引对应的元素。
• let colors3 = colors.slice(1, 4);
  

  console.log('colors3---------', colors3); - 打印：["green", "blue", "yellow"]

  
  

• console.log('colors---------slice() 方法不会改变原始数组', colors) // ["red", "green", "blue", "yellow", "purple"]

• 第一种方法 删除功能
• 需要给 splice()传 2 个参数
  
  • 第一个要删除元素的位置，第二个要删除元素的数量。
  • 可以从数组中删除任意多个元素，比如 splice(0, 2)会删除前两个元素。
  • let removed_delete = splice_colors.splice(0,1); // 删除功能
• 第二种方法 插入功能
• 需要给 splice()传 3 个参数
  
  • 第一个元素是开始位置、第二个要删除元素的数量、第三个要插入的元素(可以插入的任意多个元素)
  • 可以在数组中指定的位置插入元素。 第三个参数之后还可以传第四个、第五个参数，乃至任意多个要插入的元素。
  • 比如，splice(2, 0, "red", "green")会从数组位置 2 开始插入字符串"red"和"green"。
  • splice_colors.splice(1, 0, "yellow", "orange"); // 插入功能
• 第三种方法 替换功能
• 同样要传入 3 个参数
  
  • 第一个元素是开始位置、第二个要删除元素的数量、第三个要插入的元素(可以插入的任意多个元素)
  • 要插入的元素数量不一定跟删除的元素数量 一致
  • 比如，splice(2, 1, "red", "green")会在位置 2 删除一个元素，然后从该位置开始向数组中插入"red"和"green"。
  • splice_colors.splice(1, 2, "red", "purple"); // 插入两个值，删除两个元素

let pop_arr = [1, 4, 5, 7, 3] let item_pop = pop_arr.pop(); console.log('item_pop', item_pop) // 3

let unshift_arr = new Array(); let unshift_item = unshift_arr.unshift(1,2,34) console.log('unshift_arr---------', unshift_arr) // 1,2,34 console.log('unshift_item长度---------', unshift_item)//3

let shift_arr = [1, 4, 5, 7, 3]; let shift_item = shift_arr.shift(); console.log('shift_arr--------', shift_arr) // 4,57,3 console.log('shift_item---------', shift_item) //1

let push_arr = [1, 4, 5, 7, 3]let push_item = push_arr.push({demo:123}) console.log('push_item--------', push_item)// 数组长度 为6 console.log('push_arr--------', push_arr)

推荐阅读

• 

  丑小鸭的故事告诉我们什么道理？丑小鸭的故事简短版
• 

  为什么眼药水的有效期是24个月,药店老板却说只能用一个月？
• 

  mysql 事务sql mysql数据库中的事件
• 

  新冠疫苗加强针是指第三针吗
• 

  wifi5和wifi6网速差别详细介绍
• 

  Go 专栏｜接口 interface
• 

  英孚英语每日e课 英孚英语
• 

  分手后有哪些治愈你的歌？
• 

  《都挺好》感悟
• 

  这里的爱心妈咪小屋，邀您有空来坐坐！ 有空来坐坐
• 

  犯了非法低价出让国有土地使用权应当怎样处罚
• 

  南昌公积金贷款额度计算公式
• 

  连云港2023秦山岛公开水域游泳邀请赛比赛项目+年龄分组
• 

  微信如何视频会议 微信怎样视频会议
• 

  索尼n3ap属什么级别（索尼n3ap级别是多少）
• 

  饿了么APP账号忘记怎么办？详细解决方法
• 

  我来教你迅雷极速版怎么设置下载完成后关机 迅雷极速版设置下载完自动关机教程
• 

  乳腺疾病需要做哪些检查 乳腺有哪些检查
• 

  正宗烤鱼的制作方法 怎么做烤鱼
• 

  摄影大赛介绍语 摄影大赛介绍

• 对抗抑郁最好的方法
• 事件代理
• 怎样用黑谜速冻膜去黑头，|怎样用黑谜速冻膜去黑头， 最有效的去黑头的方法看这!
• 移动端h5调试方法
• 唱歌教学（导致嗓音损坏的几个常见的错误唱歌方法！）
• 拆书方法训练营
• 数组常用方法一
• Java|Java基础——数组
• 这份史上最经典的3大学习方法，清华北大学霸都在用！
• 迅捷流程图制作软件的使用方法！