JS中数组常见的15种方法

1.forEach()方法

forEach方法循环遍历数组的每一个元素
const arr=[1,2,3]
arr.forEach(item=>console.log(item))
item表示数组中的每一个元素
控制台分别打印输出1,2,3
复制代码

2.filter()方法

filter()方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。

const arr = [10, 20, 30, 40]
const newArr=arr.filter(item => item > 20)
console.log(newArr);//控制台打印输入[30,40]
复制代码

3.every()方法

every()方法是检测数组中所有元素是否符合给定条件,如果检测到数组中有一个元素不符合给定条件就返回false,剩余的
元素不再检测,如果检测数组中所有的元素都符合条件就返回true

注意!!!every()不会改变原始数组

const arr = [10, 20, 30, 40]
console.log(arr.every(item => item > 20));//返回值为false
console.log(arr.every(item => item > 9)); //返回值为true
复制代码

4.push()方法

push()方法是在指定数组的尾部添加添加一个或多个元素，并返回新的长度

注意!!!此方法会改变数组的长度

const arr = [10, 20, 30, 40]
const arr1 = [10, 20, 30, 40]
console.log(arr.push(50)); //控制台打印输出为添加后数组的长度--->5
console.log(arr.push(arr1)); //控制台打印输出为添加后数组的长度--->6
console.log(arr);// 控制台打印输出为 [10, 20, 30, 40, 50,[10, 20, 30, 40]]
由此可见,添加时传入的值可以是一个元素,也可以是一个数组
复制代码

5.reduce()方法

reduce()方法是用来计算数组元素相加后的总和
const arr = [1, 2, 3, 4]
// 注意   reduce((acc,item)=>acc+item,0)   这里的acc是初始值默认为0,item是数组的每一项, 而','后面的0
表示acc的初始值,如果为0的话可以省略不写,因为默认就是为0
const total = arr.reduce((acc, item) => acc + item, 0) 
const total1 = arr.reduce((acc, item) => acc + item, 10) //acc的初始值为10
console.log(total);//控制台打印输出为10
console.log(total1);//控制台打印输出为20
 
 
复制代码

6.slice()方法

slice()可以从已有的数组中返回选定的元素并组成一个新的数组,也可以提取字符串的某个部分，并以新的字符串
返回被提取的部分

注意!!! slice() 方法不会改变原始数组

const arr = [1, 2, 3, 4]
// 注意 Array.slice(起点, 终点),起点是从索引值为起点的地方开始,终点是索引值为终点但是不包括终点,获取中
间的值
const arr1 = arr.slice(1, 3)
console.log(arr1); //控制台打印输出为一个新数组[2,3]
const str = 'abcd'
const str1 = str.slice(1, 3) 
console.log(str1);//控制台打印输出为一个字符串 bc
  
  
复制代码

7.join()方法

join()方法用于把数组中的所有元素转换一个字符串,可以通过指定的元素进行分割通过指定的分隔符进行分隔

const str = ['tom', 'jack', 'mark']
console.log(str.join()); //控制台打印输出为 tom,jack,mark,默认是用','分割
console.log(str.join('!')); //控制台打印输出为 tom!jack!mark,此时我们就用!号进行分割
复制代码

8.indexOf()方法

  indexOf()方法可返回数组中某个指定的元素位置。
  该方法将从头到尾地检索数组，看它是否含有对应的元素。开始检索的位置在数组开头（没有指定 start 参数时）。
  如果找到一个指定的元素，则返回指定元素的第一次出现的位置。开始位置的索引为 0。
  如果没有找到该元素,则返回值为-1
  
  const arr = [1,2,3,4]
  console.log(arr.indexOf(4)); //控制台打印输出为3,目标值的索引
  console.log(arr.indexOf(5)); //控制台打印输出为-1,没有找到目标值
  
复制代码

9.reverse()方法

 reverse()方法用于颠倒数组中元素的顺序。
 
  const arr = [1, 2, 3, 4]
  const str = ['a','b','c','d']
  console.log(arr.reverse()); //控制台打印输出 [4, 3, 2, 1]
  console.log(str.reverse()); //控制台打印输出 ['d', 'c', 'b', 'a']
  
复制代码

10.concat()方法

concat()方法通过合并（连接）现有数组来创建一个新数组

 const arr = [1, 2, 3, 4]
 const str = [5,6,7,8,9]
 console.log(arr.concat(str)); //控制台打印输出 [1, 2, 3, 4, 5, 6, 7, 8, 9]
 concat()方法不会更改原数组,返回一个新数组
 
复制代码

11.toString()方法

 toString()方法如果需要原始值，则 JavaScript 会自动把数组转换为字符串

  const arr = ['a', 'b', 'c', 'd']
  console.log(arr.toString()); //控制台打印输出 a,b,c,字符串
  
复制代码

12.sort()方法

 sort()方法是给数组进行升序排序
  
 const arr = [ 'b', 'd','a', 'c']
 const arr1 = [1,4,2,3]
 console.log(arr.sort()); //控制台打印输出['a', 'b', 'c', 'd']
 console.log(arr1.sort()); //控制台打印输出 [1, 2, 3, 4]
复制代码

13.from()方法

 from()方法将伪数组变成数组，就是只要有length的就可以转成数组
  
 const arr = 'abcd'
 console.log(Array.from(arr)); //控制台打印输出 ['a', 'b', 'c', 'd']
 
 
复制代码

14.of()方法

of()将一组值转换成数组，类似于声明数组

const arr = 'abcd'
注意,of与from不同,from是将伪数组的每个元素分别转换成数组的每一项,而of是将伪数组转换成一个数组元素
console.log(Array.of(arr)); //控制台打印输出 ['abcd']
复制代码

15.unshift()方法

unshift()方法从前面添加元素, 返回值是添加完后的数组的长度


  let arr = [1,2,3,4,5]
  console.log(arr.unshift(2))    //控制台打印输出 6
  console.log(arr)  //控制台打印输出[2,1,2,3,4,5]