jion
数组方法1 Arry.jion()
将数组里的元素转为字符串 ,不改变原数组,返回转变完成后的字符串
参数用""包着如 Arry.jion(",")//1,2,3,4,5; Arry.jion('-');//1-2-3-4-5
let Arry1=[1,2,3,4,5,6]
Arry1.jion('')
console.log(Arry1.jion(''));//123456
console.log(Arry1);//[1,2,3,4,5,6]
console.log(typeof Arry1.jion(''))//string
push
数组方法2 Arry.push()
将元素添加到数组的末尾,修改原数组,修改数组长度
let Arry2=[1,2,3,4,5,6];
Arry2.push('张三','李四');
console.log(Arry2);//=[1,2,3,4,5,6,"张三","李四"]
console.log(Arry2.length);//8
pop
数组方法3 Arry.pop()
移除数组的最后一项元素并返回移除的那一项元素,修改数组长度,改变原数组
let Arry3=[1,2,3,4,5,6];
Arry3.pop();
console.log(Arry3);//[1,2,3,4,5]
console.log(Arry3.length);//5
sort
数组方法4 Arry.sort()
将数组里的元素进行排序(默认为升序),改变原数组
let Arry4=[4,9,3,5,1,8,6];
let arry4=[4,9,3,5,1,8,6]
Arry4.sort();
console.log(Arry4);// [1, 3, 4, 5, 6, 8, 9]
console.log(arry4.sort(function(a,b){return b-a});//降序 [9, 8, 6, 5, 4, 3, 1]
shift
数组方法5 Arry.shift()
将数组的第一项删除,返回删除的元素,并改变原数组
let Arry5=[1,2,3,4,5,6];
Arry5.shift();
console.log(Arry5);//[2, 3, 4, 5, 6]
console.log(Arry5.shift());//2
unshift
数组方法6 Arry.unshift()
将元素添加到数组第一项之前,需要添加要添加的参数,改变原数组,返回改变后的数组长度
let Arry6=[1,2,3,4,5,6];
Arry6.unshift(8);
console.log(Arry6);// [8, 1, 2, 3, 4, 5, 6]
console.log(Arry6.length);//7
console.log(Arry6.unshift(9));//8
slice
数组方法7 Arry.slice()
返回第一个参数和第二参数下标之间的元素,不包含结束下标的元素,不改变原数组 第一个参数开始元素的下标,第二个参数结束元素的下标
let Arry7=[1,2,3,4,5,6];
Arry7.slice(1,4);
console.log(Arry7);//[1, 2, 3, 4, 5, 6]
console.log(Arry7.slice(1,4));// [2, 3, 4]
spslice
数组方法8 Arry.splice()
可对数组元素进行删除,替换,添加操作 删除 (2个参数: 第一个参数是从那个下标元素开始,第二个参数是删除几个元素);改变原数组返回被删除的元素
let Arry8=[1,2,3,4,5,6]
Arry8.splice(1,3);
console.log(Arry8);// [1, 5, 6]
let Arry8_=[1,2,3,4,5,6];
console.log(Arry8_.splice(1,3));//[2, 3, 4] 返回被删除的元素
替换,插入,添加(3个参数: 第一个参数是从那个下标元素开始,第二个参数是删除几个元素,第三个元素是要替换的元素) 新数组 = 原数组.splice(起始索引index, 需要删除的个数, 新的元素1, 新的元素2...);
let Arry8=[1,2,3,4,5,6]
Arry8.splice(1,0,5);
console.log(Arry8);// [1, 5, 2, 3, 4, 5, 6]
let Arry8_=[1,2,3,4,5,6]
Arry8_.splice(1,1,4);// [1, 4, 3, 4, 5, 6] 提换:删除一个元素,添加一个元素
let arry8=[1,2,3,4,5,6]
arry8.splice(1,1,'张三','李四');//[1, '张三', '李四', 3, 4, 5, 6] 添加 :删除一个添加2个元素
reverse
数组方法9 Arry.reverse()
将数组的元素顺序进行翻转,返回翻转后的数组,改变原数组
let Arry9=[1,9,4,2,0,3]
Arry9.reverse();
console.log(Arry9);// [3, 0, 2, 4, 9, 1]
let Arry9_=[1,9,4,2,0,3]
console.log(Arry9_.reverse());// [3, 0, 2, 4, 9, 1]
concat
数组方法10 Arry.concat()
连接两个或更多数组,返回修改后的数组
let Arry10=[1,3,5,7,9];
let Arry10_=[2,4,6,8];
console.log(Arry10.concat(Arry10_));//[1, 3, 5, 7, 9, 2, 4, 6, 8]
indexOf
数组方法11 Arry11.indexOf()
查找参数的下标,如果查找到返回查找到返回查找到的第一个元素的下标,如果未查找到返回-1
let Arry11=[1,2,3,4,5,6,7];
console.log(Arry11.indexOf(4,2));//3 第一个参数是要查找的元素,第二个参数是从那个下标开始查(不写默认从前往后查)
console.log(Arry11.indexOf(0));//-1 未查找到返回-1
lastIndexof
数组方法12 Arry.lastIndexOf()
搜索数组中的元素,并返回它最后出现的位置。(默认从后往前查)
let Arry12=[1,3,4,6,2,5,3,4,5]
console.log(Arry12.lastIndexOf(4,8));// 7 第一个参数是要查找的元素,第二个参数是从那个下标开始查(不写默认从后往前查)
console.log(Arry12.lastIndexOf(0));//-1 未查找到返回-1
map
数组方法13 Arry.map()
通过指定函数处理数组的每个元素,并返回处理后的数组。
var Arry13=[1,3,5,6]
function ArryMap() {
return Arry13_.map(function (item,index){
return item*2
})
}
console.log(ArryMap());// [2, 6, 10, 12]
filter
数组方法14 Arry.filter()
检测数值元素,并返回符合条件所有元素的数组。
var Arry14=[1,2,3,4,5,6]
function ArryFilter() {
return Arry14.filter(function(item) {
item>3
}
)}
console.log(Arry14);//[1, 2, 3, 4, 5, 6] 不改变原数组
console.log(ArryFilter());// [4, 5, 6]
function ArryFilter_() {
return Arry14.filter(function(item) {
item>9
}
)}
console.log(ArryFilter());// [] 如果未找到符合条件的返回[]
every
数组方法15 Arry.every()
检测数值元素的每个元素是否都符合条件。
var Arry15=[1,2,3,4,5,6];
function ArryEvery() {
return Arry15.every(function(item) {
item>3
})
}
console.log(ArryEvery())//false 如果有一个不满足条件就返回false
function ArryEvery_() {
return Arry15.every(function(item) {
item>0
})
}
console.log(ArryEvery())//true 只有所有元素都满足返回true
some
数组方法16 Arry.some()
检测数组元素中是否有元素符合指定条件。
var Arry16=[1,2,3,4,5,6]
let res=Arry16.some(function(item){
return item>3
}
)
console.log(res);//true 只要有一个元素满足条件就返回true
let result=Arry16.some(function(item){
return item>9
}
)
console.log(result);//false 没有一个添加满足返回false
find
数组方法 17Arry.find()
数组里的元素如果有满足条件的就返回满足条件的第一项元素,如果没有满足条件的元素返回undefined
let Arry17=[1,3,5,6,7]
let result=Arry17.find(function(item) {
return item>3
})
console.log(result);//5
let res=Arry17.find(function(item) {
return item>9
})
console.log(res);//undefined
findIndex
数组方法 18 Arry.findIndex()
数组里的元素如果有满足条件的就返回元素的下标,如果没有满足条件的就返回-1
let Arry18=[1,2,3,4,5]
let result=Arry18.findIndex(function(item){
return item>3
})
console.log(result);//3 是满足条件的第一个元素的下标
let res=Arry18.findIndex(function(item){
return item>9
})
console.log(res);// -1 没有满足条件的元素就返回-1
reduce
数组方法19 Arry.reduce(function)
可以将数组里的元素相加为一个数
var Arry19=[1,2,3,4,5]
let total=Arry19.reduce(function(a,b) {
return a+b
})
console.log(total);//15
这些数组的方法是我个人的一些理解,如需深入了解还需参考菜鸟教程