美文网首页
JS数组方法

JS数组方法

作者: guoXuJianShu | 来源:发表于2021-11-24 09:03 被阅读0次

1. 改变原数组的方法

push/unshift 添加元素到数组最后一项/添加元素到数组第一项(返回修改后的数组长度)
pop/shift 删除数组最后一项/删除数组第一项(返回删除的元素)
splice
reverse 将原来的数组倒序(返回倒序后的数组)
sort 对数组进行排序(返回排序后的数组)

sort((a, b) => {
  // 1. 必须return值
  // 2. 如果return正值,a就在前面,b在后面
  // 3. 如果return负值,b在前面,a在后面
  // 3. 如果return零,顺序不变
})

2. 不改变原数组的方法

concat 连接多个数组,返回新的数组

let a = arr.concat(['e', 'f'])
console.log(a)        // 新数组 ["a", "b", "c", "d", "e", "f"]
console.log(arr)      // ["a", "b", "c", "d"] 不变

join 将数组中所有元素以参数作为分隔符放入一个字符(数组转字符串)

let a = arr.join('-')
console.log(a)        // 字符串 a-b-c-d
console.log(arr)      // ["a", "b", "c", "d"] 不变

split 字符串转数组

slice 返回截取的元素

let a = arr.slice(1)
console.log(a)        // ["b", "c", "d"]
console.log(arr)      // ["a", "b", "c", "d"] 不变

3. 7种遍历数组的方法

  1. forEach => 普通的数组遍历方法
  2. map - 映射 => 每一遍遍历,返回一个数组元素 -> 返回一个新的数组
  3. filter - 过滤 => 每一次遍历,返回bool,来决定当前元素是否纳入新的数组
  4. reduce - 归纳 => 每一次遍历,将当前元素归纳到容器中
  5. reduceRight => reduce的反向操作
  6. every => 判定是否所有元素都符合一个条件
  7. some => 判定是否有一个或多个符合一个条件

相关文章

  • 数组(Array)<迭代器>

    一、Js数组迭代器方法 主要介绍js数组中的forEach,every,some,filter,map迭代器方法 ...

  • js基础了解

    js数组常用遍历方法使用: js数组常用操作方法使用: 基本逻辑运算: 基本字符串操作方法:

  • js 数组

    js 中数组的长度发生改变,数组就真的发生改变,快速清空数组就让数组长度为0js 数组的方法

  • js关于数组的方法汇总

    js关于数组的方法汇总

  • 封装常用数组操作函数

    1. 数组扁平化 方法一 : 递归迭代数组 方法二 : 通过js原生 falt方法展开数组 方法三 通过正则...

  • JS数组常用方法

    @[toc] JS数组方法 数组是 js 中最常用到的数据集合,其内置的方法有很多,熟练掌握这些方法,可以有效...

  • JS如何判断一个数组是否为空、是否含有某个值

    一、js判断数组是否为空方法一: arr.length 二、js判断数组是否含有某个值方法一: arr.ind...

  • 数组进阶

    JS数组奇巧淫技 数组进阶方法~ 数组使用方法比较多。什么时候使用什么方法,用对方法,不用对很大的原因就是数组方法...

  • 数组常用方法

    数组常用方法 一、js数组常用方法: 1、join() Array.join() 方法将数组中所有元素都转换成字...

  • js 数组操作探究

    有空闲时间了, 深入的研究一下js 中的数组方法 js中的数组方法 首先是会改变原数组的方法: shift un...

网友评论

      本文标题:JS数组方法

      本文链接:https://www.haomeiwen.com/subject/fsxtaltx.html