get数组常用方法

80 阅读5分钟

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

这些数组的方法是我个人的一些理解,如需深入了解还需参考菜鸟教程