JS数组中各种方法使用教程

在我个人事业发展的过程中，我深刻认识到自身在诸多领域当中所欠缺的丰富知识储备，尤其是针对数组这一重要知识领域，我对其所涵盖的众多方法掌握尚显不足。因此，为了有效地填补这个知识空白区，我进行了深入系统的学习和研究，以期能够更好地应对未来职业生涯中的挑战。同时，我也借此机会告诫所有在校学生，务必在课堂上集中注意力，积极主动地投入课程学习，对于尚未理解或难以把握的知识点，应该及时向老师请教并寻求解答。在课后，始终保持勤奋努力的态度，力求从根本上掌握相关知识内容。否则，可能会面临如同我目前的困境——需要花费数倍于学校时期的时间和精力，特别是在工作之后，我们所能支配的学习时间往往受到更大的限制。值得庆幸的是，我目前尚处于实习阶段，工作负担相对较轻，这为我提供了宝贵的时间去不断充实自我、提升能力。

一、数组方法总结

• push()：向数组的末尾添加新元素
• pop()：删除数组的最后一项
• unshift()：向数组首位添加新元素
• shift()：删除数组的第一项
• slice()：按照条件查找出其中的部分元素
• splice()：对数组进行增删改
• filter()：过滤功能
• join()：用指定的分隔符将数组每一项拼接为字符串
• concat()：用于连接两个或多个数组
• indexOf()：检测当前值在数组中第一次出现的位置索引
• lastIndexOf()：检测当前值在数组中最后一次出现的位置索引
• every()：判断数组中每一项都是否满足条件
• some()：判断数组中是否存在满足条件的项
• includes()：判断一个数组是否包含一个指定的值
• sort()：对数组的元素进行排序
• reverse()：对数组进行倒序
• forEach()：es5及以下循环遍历数组每一项
• map()：es6循环遍历数组每一项
• find()：返回匹配的项
• findIndex()：返回匹配位置的索引
• reduce()：从数组的第一项开始遍历到最后一项，返回一个最终的值
• reduceRight()：从数组的最后一项开始遍历到第一项，返回一个最终的值
• toLocaleString()、toString()：将数组转换为字符串
• entries()、keys()、values()：遍历数组

 二、各种方法详解

（1）push（）：向数组的末尾添加新元素，pop（）：删除数组的最后一项

//1.push用法：向数组的末尾添加新元素
var arr=['大熊','熊二','熊大'];
var arr1=arr.push('光头强','翠花')
console.log(arr1)//输出结果为5
console.log(arr)//输出结果为["大熊", "熊二", "熊大", "光头强", "翠花"]
			
//2.pop用法：删除数组的最后一项
var arr2=arr.pop();
console.log(arr)//输出结果为：["大熊", "熊二", "熊大", "光头强"]
console.log(arr2)//输出结果为：翠花

（2）unshift（）：向数组首位添加新元素，shift（）：删除数组的第一项

//4.unshift:向数组首位添加新元素
var arr=['大熊','熊二','熊大'];
var arr3=arr.unshift('吉吉国王')
console.log(arr)//输出结果为：["吉吉国王", "大熊", "熊二", "熊大", "光头强"]
			
//5.shift：删除数组第一项
var arr4=arr.shift()
console.log(arr)//输出结果为：["大熊", "熊二", "熊大", "光头强"]
console.log(arr4)//输出结果为：吉吉国王

 （3）slice()：按照条件查找出其中的部分元素，splice()：对数组进行增删改

//6.slice()：按照条件查找出其中的部分元素
//用法：arr.slice(start,end),start是开始截取的数组索引，end是截取最后一个数组索引值加1，可以选择加或者不加
var arr=['大熊','熊二','熊大'];
var arr5=arr.slice(1,3)
console.log(arr5)//输出结果为：["熊二", "熊大"]
var arr6=arr.slice(1)
console.log(arr6)//输出结果为：["熊二", "熊大"]

			
//7.splice()：对数组进行增删改
//增加元素
var arrlist=['大熊','熊二','熊大'];
arrlist.splice(1,0,'小松鼠','翠花')
console.log(arrlist)//输出结果为：["大熊", "小松鼠", "翠花", "熊二", "熊大"]
//删除元素
var arrlist1=['大熊','熊二','熊大'];
var arr7=arrlist1.splice(0,1)
console.log(arrlist1)//输出结果为：["熊二", "熊大"]
console.log(arr7)//输出结果为：["大熊"]
//替换元素
var arrlist1=['大熊','熊二','熊大'];
var arr8=arrlist1.splice(0,1,'光头强','翠花')
console.log(arrlist1)//输出结果为：["光头强", "翠花", "熊二", "熊大"]
console.log(arr8)//输出结果为：["大熊"]

（4）filter()：过滤功能

//8.filter()：过滤功能
var numList=[1,2,4,6,8];
var evenNumber=numList.filter(num=>num%2===0)
console.log(evenNumber)//输出结果为：[2, 4, 6, 8]

 （5）find()：返回匹配的项

//9.find()：返回匹配的项
var foods=['炒米粉','鱼香肉丝','宫保鸡丁']
var evenFoods=foods.find(food=>food==='炒米粉')
console.log(evenFoods)//输出结果为：炒米粉

（6）findIndex()：返回匹配位置的索引

//10.findIndex()：返回匹配位置的索引,用于查找并返回数组中满足指定条件的第一个元素的索引。如果找不到满足条件的元素，将返回 -1。
var foods=['炒米粉','鱼香肉丝','宫保鸡丁']
var evenFoods=foods.findIndex(food=>food==='烤鱼')
console.log(evenFoods)//输出结果为：-1

（7）join()：用指定的分隔符将数组每一项拼接为字符串

//11.join用法：用指定的分隔符将数组每一项拼接为字符串，默认使用逗号作为分隔符
var arr=['大熊','熊二','熊大'];
console.log(arr.join())//输出结果为：大熊,熊二,熊大
console.log(arr.join('-'))//输出结果为:大熊-熊二-熊大

（8）forEach()：es5及以下循环遍历数组每一项

//12.forEach()：es5及以下循环遍历数组每一项
//用法：arr.forEach(function(curr, index, arr){}),curr必须当前元素，index可选当前元素的索引值，arr可选当前元素所属的数组对象
var arr = [1, 2, 3];
arr.forEach(function(curr, index, arr){
	console.log(curr, index, arr)//输出结果为：1 0 [1, 2, 3];2 1 [1, 2, 3];3 2 [1, 2, 3]
})