前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >面试官:常见的数组方法有哪些?

面试官:常见的数组方法有哪些?

作者头像
前端老道
发布2022-12-01 10:02:07
2570
发布2022-12-01 10:02:07
举报
文章被收录于专栏:Vue开发社区
一、常规操作(增、删、改、查)
  1. push() 方法往数组尾部添加元素,并改变数组长度
代码语言:javascript
复制
let arr = [1]
arr.push(2)
console.log(arr) // [1,2]
  1. unshift()方法往数组前面插入元素,并改变数组长度
代码语言:javascript
复制
let arr = [1,2]
arr.unshift(0)
console.log(arr) // [0,1,2]
  1. splice() 方法传入三个参数,依次是 开始位置要删除的元素数量插入的元素
代码语言:javascript
复制
// 从 0 下标开始,删除长度为0 ,插入元素 4
let arr = [1,2,3]
a.splice(0, 0, 4)
console.log(a) // [4, 1, 2, 3]

// 从 0 下标开始,删除长度为1 ,插入元素 4,删除元素 1
let arr = [1,2,3]
a.splice(0, 1, 4)
console.log(a) // [4, 2, 3]
  1. cancat() 方法是用于连接两个或者多个数组,该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。
代码语言:javascript
复制
let arr = [1,2,3]
let arr2 = [4,5,6]
console.log(arr.cancat(arr2)) // [1,2,3,4,5,6]

let a = 7
console.log(arr.cancat(a)) // [1, 2, 3, 7]
  1. shift() 方法删除数组第一项,改变数组长度,并返回删除的元素值
代码语言:javascript
复制
let arr = [1,2,3]
let res = arr.shift() // 1
console.log(arr) // [2,3]
  1. pop() 方法删除数组最后一项,改变数组长度,并返回删除的元素值
代码语言:javascript
复制
let arr = [1,2,3]
let res = arr.pop() // 3
console.log(arr) // [1, 2]
  1. slice() 方法从数组中提取指定元素,指定元素为索引的方式,不会改变本身的数组,而是将提取元素封装到新的数组返回
注意点:
  • 截取开始的索引,包含开始索引
  • 截取结束的索引,不包含结束索引
代码语言:javascript
复制
let a = [1,2,3,4,5]
let b = a.slice(1)
let c = a.slice(1,4)
console.log(b) // [2,3,4,5]
console.log(c) // [2,3,4]
  1. splice()方法删除元素并可以向数组添加新的元素,会影响到原数组,并将删除的元素作为数组返回
代码语言:javascript
复制
let arr = [1,2,3,4]
let res = arr.splice(0, 1) //删除

console.log(arr) // [2,3,4]
console.log(res) // [1]
console.log(arr) // [6,2,3,4]

  1. splice()方法删除元素并可以向数组添加新的元素,会影响到原数组,并将删除的元素作为数组返回
代码语言:javascript
复制
let arr = [1,2,3,4]
let res = arr.splice(0, 1, 6) // 在 下标 1 的地方替换成 6
console.log(arr) // [6, 2, 3, 4]
console.log(res) // []

  1. includes() 方法用于判断数组中是否判断该元素,返回 truefalse
代码语言:javascript
复制
let arr = [1,2,3,4]
console.log(arr.includes(1)) // true
console.log(arr.includes(5)) // false
  1. indexOf() 方法用于查找数组某个元素的下标,如果没有则返回 -1
代码语言:javascript
复制
let arr = [1,2,3,4]
console.log(arr.indexOf(1)) // 0
console.log(arr.indexOf(5)) // -1
  1. find() 方法用于匹配元素,并返回匹配结果
代码语言:javascript
复制
let arr = [1,2,3,4]
arr.find((item, index, array) => item < 4) // 1
数组转换
  1. join() 该方法用于将数组转换为字符串,并用分隔符分隔
代码语言:javascript
复制
let arr = [1,2,3,4]
console.log(arr.join(',')) // 1,2,3,4
  1. split() 该方法是将字符串,以相同字符作为分隔符,转换为数组
代码语言:javascript
复制
let str = '1,2,3,4'
console.log(str.split(',')) // [1,2,3,4]
排序方法
  1. reverse() 该方法用于将数组倒过来排序, 会改变原数组
代码语言:javascript
复制
let arr = [1,2,3,4]
console.log(arr.reverse()) // [4,3,2,1]
  1. sort() 数组.sort(fn => fn()):将数组按照指定的顺序进行排序
代码语言:javascript
复制

let arr = [12,45,6,21,51,81];
let b = arr.sort((a,b) => (a-b)); // 升序排列,
console.log(b) // [6, 12, 21, 45, 51, 81]

遍历迭代
  1. filter(() => {}) 该方法用于条件过滤,返回过滤后的新数组
代码语言:javascript
复制
let arr = [1,2,3,4]
let a = arr.filter((item) => {
    return item < 4
})
console.log(a) // [1,2,3]
  1. map(() => {}) 该方法用于遍历, 返回 有条件 的新数组
代码语言:javascript
复制
let arr = [1, 2, 3, 4];
let a = arr.map((item, index, array) => item * 2);
console.log(a) // [2,4,6,8]
  1. forEach(() => {}) 该方法用遍历,没有数组
代码语言:javascript
复制
let arr = [1,2,3,4]
arr.forEach((item, index, array) => {
  // 相关操作
})
  1. some(() => {}) 该方法检测是否包含某个元素,有的话则返回 true
代码语言:javascript
复制
let arr = [1,2,3,4]
let res = arr.some((item, index, array) => item > 2) 
console.log(res) // true

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2022-09-27,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 前端开发社区 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、常规操作(增、删、改、查)
        • 注意点:
            • 数组转换
            • 排序方法
            • 遍历迭代
            领券
            问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档