【面试题】数组的相关方法

1. pop

pop方法的功能是删除数组中的最后一项元素,返回值是删除的那一项元素的值。

var arr = [10, 20, 30, 40]
var popRes = arr.pop()
console.log(arr)
console.log(popRes)

在这里插入图片描述

2. shift

shift方法的功能是删除数组中的第一项,返回值是删除的第一项的值。

var arr = [10, 20, 30, 40]
var shiftRes = arr.shift()
console.log(arr)
console.log(shiftRes)

在这里插入图片描述

3. push

push方法的功能是在数组最后一项后面,再添加一个新的元素。返回值是新数组的长度。需要在push方法中传入参数,传入的参数就是添加的元素。

var arr = [10, 20, 30, 40]
var pushRes = arr.push(50)
console.log(arr)
console.log(pushRes)

在这里插入图片描述

4. unshift

unshift方法的功能是在数组的第一项的前面添加新的元素,返回值是新数组的长度,需要在unshift方法中传入参数,参数就是需要添加的元素。

var arr = [10, 20, 30, 40]
var unshiftRes = arr.push(0)
console.log(arr)
console.log(unshiftRes)

在这里插入图片描述

值得注意的是,上述的数组的相关方法,都改变了原数组。还有一些数组的方法不会改变原数组,并且返回值是一个新数组,我们称这样的方法为纯函数

纯函数必须满足两个条件:

  1. 不改变原数组
  2. 返回值是一个新数组

下面介绍几个是纯函数的数组方法。

5. concat

concat方法用于数组拼接。

var arr = [10, 20, 30, 40]
var arr1 = arr.concat([50, 60, 70])
console.log(arr1)

在这里插入图片描述

6. map

map方法可以循环遍历数组中的每一项,并对每一项执行相关操作。

// 将数组中的每一项乘10
var arr = [10, 20, 30, 40]
var arr1 = arr.map(num  => num *10)
console.log(arr1)

在这里插入图片描述

7. filter

filter方法可以过滤出符合条件的元素,返回一个由符合条件的元素组成的新数组。

// 过滤出数组中大于25的元素
var arr = [10, 20, 30, 40]
var arr1 = arr.filter(num  => num > 25)
console.log(arr1)

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
在前端面试中,经常会被问到关于JavaScript数组方法。下面是一些常见的数组方法: 1. `push()`:向数组末尾添加一个或多个元素,并返回新数组的长度。 2. `pop()`:删除并返回数组的最后一个元素。 3. `shift()`:删除并返回数组的第一个元素。 4. `unshift()`:向数组的开头添加一个或多个元素,并返回新数组的长度。 5. `concat()`:将两个或多个数组合并成一个新数组。 6. `slice()`:返回指定索引范围内的元素,不会修改原数组。 7. `splice()`:从指定位置删除或替换元素,并返回被删除的元素。 8. `join()`:将数组中的所有元素以指定的分隔符连接成一个字符串。 9. `indexOf()`:返回指定元素在数组中首次出现的索引,如果不存在则返回-1。 10. `lastIndexOf()`:返回指定元素在数组中最后一次出现的索引,如果不存在则返回-1。 11. `forEach()`:对数组中的每个元素执行指定的操作。 12. `map()`:对数组中的每个元素执行指定的操作,并返回一个新数组。 13. `filter()`:根据指定条件过滤数组中的元素,并返回一个新数组。 14. `reduce()`:对数组中的所有元素执行指定的累加器函数,返回一个累计值。 15. `sort()`:对数组进行排序,默认按照Unicode编码顺序进行排序。 16. `reverse()`:颠倒数组中元素的顺序。 17. `find()`:返回数组中满足指定条件的第一个元素。 18. `findIndex()`:返回数组中满足指定条件的第一个元素的索引。 19. `some()`:检测数组中是否至少有一个元素满足指定条件。 20. `every()`:检测数组中的所有元素是否都满足指定条件。 以上只是一些常见的数组方法,还有许多其他方法可以用于对数组进行操作和处理。在面试中,了解这些常用方法并能够灵活运用是很重要的。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

周兴

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值