JS:数组Array的方法(增删改查):push() 、pop() 、unshift()、 shift()、concat()、join()、reverse()、sort()

  1. push()
    该方法可以向数组的末尾添加一个或多个元素。
    可以将要添加的元素作为方法的参数传递,这样元素会自动添加到数组末尾。
    该方法会将数组新的长度作为返回值返回。
let arr = ["炭治郎","弥豆子","善逸"]
arr.push("伊之柱","香奈")
console.log(arr) // 炭治郎","弥豆子","善逸","伊之柱","香奈"
 console.log(arr.push()) // 5,会返回添加数据后新的长度,但不常用
  1. unshift()
    该方法可以向数组开头添加一个或多个元素。
    向开头添加元素后,其他的元素索引会依次调整。
let arr = ["炭治郎","弥豆子","善逸"]
arr.unshift("蝴蝶忍")
console.log(arr); // "炭治郎","弥豆子","善逸","蝴蝶忍"
  1. pop()
    该方法可以删除数组中末尾的元素,并将被删除的元素作为返回值返回
let arr = ["炭治郎","弥豆子","善逸"]
let name = arr.pop() // 允许赋值到变量保存
console.log(arr) // "炭治郎","弥豆子"
console.log(name) //  善逸,输出变量,得到被删除的数据
  1. shift()
    该方法可以删除数组开头第一个元素,并将被删除的元素作为返回值返回
let arr = ["炭治郎","弥豆子","善逸"]
let name = arr.shift("小芭内") // 允许赋值到变量保存
console.log(name) // 蝴蝶忍,输出变量,得到被删除的数据
console.log(arr) // "炭治郎","弥豆子","善逸","小芭内"
  1. concat()
    该方法可以连接两个或多个数组,并将新的数组返回。
    该方法不会改变原数组。
    也可以直接在concat()中写入要添加的元素。
let arr1 = ["仙女1","仙女2"]
let arr2 = ["帅哥1","帅哥2"]
let res = arr1.concat(arr2,"凡人")
console.log(res) // 仙女1 仙女2 帅哥1 帅哥2 凡人
  1. 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
  1. reverse()
    该方法用来反转数组(前面的跑后面,后面的跑前面)。
    该方法会直接改变原数组
let arr1 = ["仙女1","仙女2"]
arr1.reverse()
console.log(arr1) // 仙女2,仙女1
  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)
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值