JS 面试之数组的几个不 low 操作

在这里插入图片描述
前言

本文主要从应用来讲数组api的一些骚操作,如一行代码扁平化n维数组、数组去重、求数组最大值、数组求和、排序、对象和数组的转化等。

上面这些应用场景你可以用一行代码实现吗?

1.扁平化n维数组

1.终极篇
在这里插入图片描述
Array.flat(n)是ES10扁平数组的api, n表示维度, n值为 Infinity时维度为无限大。

2.开始篇
在这里插入图片描述
实质是利用递归和数组合并方法 concat实现扁平。

2.去重

1.终极篇
在这里插入图片描述
set是ES6新出来的一种一种定义不重复数组的数据类型。

Array.from是将类数组转化为数组。

…是扩展运算符,将set里面的值转化为字符串。

2.开始篇
在这里插入图片描述
取新数组存值,循环两个数组值相比较。

3.排序

1.终极篇
在这里插入图片描述
sort是js内置的排序方法,参数为一个函数

2.开始篇

冒泡排序:
在这里插入图片描述
选择排序:
在这里插入图片描述
4.最大值

1.终极篇
在这里插入图片描述
Math.max()是 Math对象内置的方法,参数是字符串。

reduce是ES5的数组api,参数有函数和默认初始值。

函数有四个参数:

pre:上一次的返回值
cur:当前值
curIndex:当前值索引
arr:当前数组
2.开始篇

先排序再取值。

5.求和

1.终极篇
在这里插入图片描述
2.开始篇
在这里插入图片描述
利用 slice截取改变数组,再利用递归求和。

6.合并

1.终极篇
在这里插入图片描述
2.开始篇
在这里插入图片描述
7.判断是否包含值

1.终极篇
在这里插入图片描述
includes()、 find()、 findIndex()是ES6的api。

2.开始篇
在这里插入图片描述
8.类数组转化

1.终极篇
在这里插入图片描述
类数组:表示有 length属性,但是不具备数组的方法。

call、 apply:改变 slice里面的 this指向 arguments,所以 arguments也可调用数组的方法。

Array.from:将类似数组或可迭代对象创建为数组。

…:将类数组扩展为字符串,再定义为数组。

2.开始篇
在这里插入图片描述
9.每一项设置值

1.终极篇
在这里插入图片描述
fill是ES6的方法。2.开始篇
在这里插入图片描述
10.每一项是否满足
在这里插入图片描述
every是ES5的api,,每一项满足返回 true。

11.有一项满足
在这里插入图片描述
some是ES5的api,有一项满足返回 true。

12.过滤数组
在这里插入图片描述
filter是ES5的api,返回满足添加的项的数组。

13.对象和数组转化
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值