Js基础_数组Array_Array方法

---

该文章主要用于学习，其内容主要来自菜鸟教程

一、数组方法

1.concat()连接两个或多个数组，并返回结果

 let arr = [1,2,3]
 let arr1 = [4,5,6]
 console.log(arr.concat(arr1))
 //[ 1, 2, 3, 4, 5, 6 ]

2.copyWithin(目标位置,起始位置,结束位置)从数组的指定位置拷贝元素到数组的另一个指定位置中

let arr = [1, 2, 3, 4, 5, 6]
console.log(arr.copyWithin(2, 0))
//[ 1, 2, 1, 2, 3, 4 ]

3.entries()返回一个可以迭代的对象,该对象包含数组的键值对 (key/value)

let arr = [1,2,3]
let k = arr.entries()
console.log(k.next().value)
console.log(k.next().value)
console.log(k.next().value)
  // [ 0, 1 ]
  // [ 1, 2 ]
  // [ 2, 3 ]

4.every() 检测数值元素的每个元素是否都符合条件 全部满足为true,否则为false

let age = [10,44,21,22,12,15]
let che = (age) => {
  return age>= 18;
}
console.log(age.every(che))
// false

5.some() 检测数组元素中是否有元素符合指定条件,如果没有一个满足则返回false

let age = [10,44,21,22,12,15]
let che = (age) => {
  return age >= 18;
}
console.log(age.some(che))
// true

6.fill(填充值,起始位置,终止位置) 使用固定值替换数组元素

let arr = [1,2,3,4,5]
console.log(arr.fill('?',0,3))
//[ '?', '?', '?', 4, 5 ]

7.filter()检测数值元素，并返回符合条件所有元素的数组

let age = [10,44,21,22,12,15]
let che = (age) => {
  return age>= 18;
}
console.log(age.filter(che))
//[ 44, 21, 22 ]

8.find()返回符合传入测试（函数）条件的数组元素

let age = [10,44,21,22,12,15]
let che = (age) => {
  return age>= 18;
}
console.log(age.find(che))
// 44

9.findIndex()返回符合传入测试（函数）条件的数组元素索引

let age = [10,44,21,22,12,15]
let che = (age) => {
  return age>= 18;
}
console.log(age.findIndex(che))
//1

10.forEach() 数组每个元素都执行一次回调函数

let age = [10,44,21,22,12,15]
let che = (age) => {
  if (age >= 18) {
    return;
  }
  console.log(age);
}
age.forEach(che);
// 10
// 12
// 15

11.from(转换对象,需要调用的函数,映射函数中的this对象)通过给定的对象中创建一个数组

let myArr = Array.from('1234',num=>num*10)
console.log(myArr)
// [ 10, 20, 30, 40 ]

12.includes(需要查找的元素,开始检索的位置)判断一个数组是否包含一个指定的值

let arr = [1,2,3,4,5,6]
console.log(arr.includes(2,3))
// false

13.indexOf(查找的元素,开始检索的位置)搜索数组中的元素，并返回它所在的位置,如果没有则返回-1

let arr = [1,2,3,4,5,6]
console.log(arr.indexOf(2,2))
// -1

14.isArray() 判断对象是否为数组

let arr = [1,2,3,4,5]
console.log(Array.isArray(arr))
// true

15.join()把数组中的所有元素转换一个字符串

let arr = [1,2,3,4,5]
let str = arr.join()
console.log(str)
//1,2,3,4,5

16.keys() 返回数组的可迭代对象，包含原始数组的键(key)

let arr = [1,2,3,4]
let k = arr.keys()
console.log(k.next().value)
console.log(k.next().value)
console.log(k.next().value)
// 0
// 1
// 2

17.lastIndexOf(查找的元素,开始检索的位置) 搜索数组中的元素，并返回它最后出现的位置

let arr = [1,2,3,2,5]
console.log(arr.lastIndexOf(2))
// 2

18.map() 通过指定函数处理数组的每个元素，并返回处理后的数组

// (1)map()返回的数组中的元素为原始数组调用函数处理后的值
// (2)map()会按照原始数组元素顺序依次处理元素

let arr = [1,4,9,16,25,36]
console.log(arr.map(Math.sqrt))
//[ 1, 2, 3, 4, 5, 6 ]

19.pop() 删除数组的最后一个元素并返回删除的元素

let arr = [1,2,3,4,5]
console.log(arr.pop())
// 5

20.shift() 删除并返回数组的第一个元素

let arr = [1,2,3,4,5]
console.log(arr.shift())
// 1

21.push() 向数组的末尾添加一个或更多元素，并返回新的长度

let arr = [1,2,3,4,5]
console.log(arr.push(0))
console.log(arr)
// 6
// [ 1, 2, 3, 4, 5, 0 ]

22.unshift() 向数组的开头添加一个或更多元素，并返回新的长度

let arr = [1,2,3,4,5]
console.log(arr.unshift(0))
console.log(arr)
// 6
// [ 0, 1, 2, 3, 4, 5 ]

23.reduce(执行函数,传递给函数的初始值)将数组元素计算为一个值（从左到右）

let arr = [1,2,3,4,5]
let che = (num,num1) => {
  return num + num1
}
console.log(arr.reduce(che,5))
//20

24.reduceRight() 将数组元素计算为一个值（从右到左）

let arr = [1,2,3,4,5]
let che = (num,num1) => {
  return num + num1
}
console.log(arr.reduceRight(che,5))
//20

25.reverse() 反转数组的元素顺序

let arr = [1,2,3,4,5]
console.log(arr.reverse())
//[ 5, 4, 3, 2, 1 ]

26.slice(初始位置,结束位置) 选取数组的一部分，并返回一个新数组

let arr = [1,2,3,4,5]
console.log(arr.slice(2,4))
//[ 3, 4 ]

27.sort() 对数组的元素进行排序

let arr = [5,4,3,2,1]
console.log(arr.sort())
//[ 1, 2, 3, 4, 5 ]

28.splice(开始插入/删除的下标,删除的数量,添加到数组的新元素) 从数组中添加或删除元素

let arr = [1,2,3,4,5]
arr.splice(2,0,6,9)
console.log(arr[4])
//[1, 2, 6, 9,3, 4, 5]

29.toString() 把数组转换为字符串，并返回结果

let arr = [1,2,3,4,5]
console.log(arr.toString())
//1,2,3,4,5

30.valueOf() 返回数组对象的原始值

let arr = [1,2,3,4,5]
console.log(arr.valueOf())
//[ 1, 2, 3, 4, 5 ]

二、其他

next() 取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合