- push()
该方法可以向数组的末尾添加一个或多个元素。
可以将要添加的元素作为方法的参数传递,这样元素会自动添加到数组末尾。
该方法会将数组新的长度作为返回值返回。
let arr = ["炭治郎","弥豆子","善逸"]
arr.push("伊之柱","香奈")
console.log(arr) // 炭治郎","弥豆子","善逸","伊之柱","香奈"
console.log(arr.push()) // 5,会返回添加数据后新的长度,但不常用
- unshift()
该方法可以向数组开头添加一个或多个元素。
向开头添加元素后,其他的元素索引会依次调整。
let arr = ["炭治郎","弥豆子","善逸"]
arr.unshift("蝴蝶忍")
console.log(arr); // "炭治郎","弥豆子","善逸","蝴蝶忍"
- pop()
该方法可以删除数组中末尾的元素,并将被删除的元素作为返回值返回。
let arr = ["炭治郎","弥豆子","善逸"]
let name = arr.pop() // 允许赋值到变量保存
console.log(arr) // "炭治郎","弥豆子"
console.log(name) // 善逸,输出变量,得到被删除的数据
- shift()
该方法可以删除数组开头第一个元素,并将被删除的元素作为返回值返回。
let arr = ["炭治郎","弥豆子","善逸"]
let name = arr.shift("小芭内") // 允许赋值到变量保存
console.log(name) // 蝴蝶忍,输出变量,得到被删除的数据
console.log(arr) // "炭治郎","弥豆子","善逸","小芭内"
- concat()
该方法可以连接两个或多个数组,并将新的数组返回。
该方法不会改变原数组。
也可以直接在concat()中写入要添加的元素。
let arr1 = ["仙女1","仙女2"]
let arr2 = ["帅哥1","帅哥2"]
let res = arr1.concat(arr2,"凡人")
console.log(res) // 仙女1 仙女2 帅哥1 帅哥2 凡人
- join()
该方法可以将数组转换为一个字符串类型。
该方法不会对原数组产生影响,而是将转换后的字符串作为结果返回。
在join()中可以指定一个字符串作为参数,该字符串会成为数组中元素之间的连接符。
如果不指定连接符,默认使用逗号,作为连接符。
let arr1 = ["仙女1","仙女2"]
let res = arr1.join()
console.log(typeof res) // 类型为string,不再是object
// 在join()中可以指定一个字符串作为参数,该字符串会成为数组中元素之间的连接符
res = arr1.join("!")
console.log(res) // 仙女1!仙女2
- reverse()
该方法用来反转数组(前面的跑后面,后面的跑前面)。
该方法会直接改变原数组
let arr1 = ["仙女1","仙女2"]
arr1.reverse()
console.log(arr1) // 仙女2,仙女1
- sort()
该方法可以用来对数组中的元素进行排序。
该方法会直接改变原数组,默认是按Unicode编码进行排序。
let arr2 = ["a","c","e","b","d"]
arr2.sort()
console.log(arr2) // a b c d e
即使对于纯数字的数组,使用sort()排序也会按Unicode编码排序。
所以对数字进行排序时,可能会遇到错误的结果。
例如:
let arr = [2,1,5,3,6,4]
arr.sort()
console.log(arr) // 输出没问题,输出1 2 3 4 5 6
arr = [2,1,5,33,6,4]
arr.sort()
console.log(arr) // 会出问题,输出1 2 33 4 5 6
此时我们可以自己来指定排序的规则,可以在sort()中添加一个回调函数,来指定排序规则。
回调函数中需要定义两个形参,浏览器将会分别使用数组中的元素作为实参去调用回调函数。
使用哪个元素调用我们不确定,但肯定的是在数组中a一定是在b的前边。
浏览器会根据回调函数的返回值来决定元素的顺序:
如果返回一个大于0的值(return 1),则元素会交换位置;
如果返回一个小于0的值(return -1),则元素位置不变;
如果返回一个等于0的值(return 0),则认为两个元素相等,也不交换位置。
举例:
let arr = [2,1,5,33,6,4,7,11,34]
arr.sort(function(a,b){
if(a > b){
return 1
}else if(a < b){
return -1
}else if(a == b){
return 0
}
})
console.log(arr)
// 想要简单点也可以这样写
let arr = [2,1,5,33,6,4,7,11,34]
arr.sort(function(a,b){
// return a-b升序排列;return b-a降序排列
return a - b
})
console.log(arr)