首页 > 编程语言 > 详细

JS语法:获取数组最后一个元素且不改变数组的四种方法(pop( )、slice( )、reverse( )、Array.length)

时间:2021-03-29 11:47:56      阅读:331      评论:0      收藏:0      [点我收藏+]

Array对象 - pop( )

pop() 方法用于删除数组的最后一个元素并返回删除的元素,要点 - 获取并删除

let arr = [0, 1, 2, 3]
let element = arr.pop()

console.log(‘arr: ‘, arr, ‘ & arr.length: ‘, arr.length)
// arr: [0, 1, 2] & arr.length: 3

console.log(‘element: ‘, element, ‘, type: ‘, typeof(element))
// element: 3, type: Number

 通过 扩展运算符 来执行pop方法,获取数组最后一个元素的同时不会改变它本身。

var arr = [0,1,2,3]
var element = [...arr].pop()

console.log(‘arr: ‘, arr, ‘, element: ‘, element)
// arr: [0, 1, 2, 3], element: 3

console.log(‘arr.length: ‘, arr.length, ‘, type: ‘, typeof(element))
// arr.length: 4, type: Number

 

Array对象 - slice( )

slice() 方法可从已有的数组中返回选定的元素。

let arr = [0, 1, 2, 3]
let element = arr.slice(-1)

console.log(‘arr: ‘, arr, ‘, element: ‘, element)
// arr: [0, 1, 2, 3], element: 3

 

Array对象 - reverse( )

reverse() 方法用于颠倒数组中元素的顺序。

let arr = [1, 2, 3]
let [element] = arr.reverse()

console.log(elelment)
// 3
console.log(arr)
// [3, 2, 1]

可以看到该方法虽然也可以拿到最后一个元素但同时也会改变数组本身。

巧用扩展运算符,就可以达到不改变数组本身获取最后一个元素的目的。

let arr = [1, 2, 3]
let [arg] = [...arr].reverse()

console.log(arg)
// 3
console.log(arr)
[1, 2, 3]

 

Array属性 - length

length 属性可设置或返回数组中元素的数目。

let arr = [0, 1, 2, 3]

console.log(‘arr.length: ‘, arr.length)
// arr.length: 4

 

length 属性可设置或返回数组中元素的数目。

JS语法:获取数组最后一个元素且不改变数组的四种方法(pop( )、slice( )、reverse( )、Array.length)

原文:https://www.cnblogs.com/97z4moon/p/14582179.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!