前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【收藏】JavaScript数组方法速查手册极简版

【收藏】JavaScript数组方法速查手册极简版

原创
作者头像
毛瑞
修改2019-04-30 09:37:55
4770
修改2019-04-30 09:37:55
举报
文章被收录于专栏:三十课三十课

1 概述

1.1 前言

JavaScript数组方法速查手册极简版中共收了32个数组的常用方法和属性,并根据方法的用途进行重新排序和分类,在文中简要的介绍了方法作用和用例说明。收藏备用吧!

文中介绍的过于简单,想更更多理解相关内容还是要多多动手实践!

2 数组属性

2.1 length-长度属性

每个数组都有一个length属性。针对稠密数组,length属性值代表数组中元素的个数。当数组是稀疏数组时,length属性值大于元素的个数。

查看示例程序

3 数组方法

3.1 Array.isArray-类型判定

Array.isArray() 数组类型判定。

查看示例程序

3.2 Array.of-创建数组

Array.of() 从可变数量的参数创建数组,不管参数的数量或类型如何。

查看示例程序

3.3 Array.from-创建数组

Array.from() 用类数组或可迭代对象创建新数组。

查看示例程序

4 数组原型方法

4.1 查找元素

4.1.1 find-按函数查找

Array.prototype.find() 找到第一个满足检测函数条件的元素,并返回该元素,没找到则返回 undefined。

查看示例程序

4.1.2 findIndex-按函数查找

Array.prototype.findIndex() 找到第一个满足检测函数条件的元素,并返回该元素索引。找不到返回-1。

查看示例程序

4.1.3 indexOf-按元素值查找

Array.prototype.indexOf() 查找元素并返回元素索引值,找不到返回-1。

第二个参数表示查找的起始位置。

查看示例程序

4.1.4 lastIndexOf-按元素值查找

Array.prototype.lastIndexOf() 从后向前查找元素并返回元素索引值,找不到返回 -1。

查看示例程序

4.2 添加元素

4.2.1 push-尾部添加

Array.prototype.push() 在尾部添加一个或多个元素,返回数组的新长度。

查看示例程序

4.2.2 unshift-头部添加

Array.prototype.unshift() 在头部添加一个或多个元素,并返回数组的新长度。

查看示例程序

4.3 删除元素

4.3.1 pop-尾部删除

Array.prototype.pop() 从尾部删除一个元素,并返回该元素。

查看示例程序

4.3.2 shift-头部删除

Array.prototype.shift() 从头部删除一个元素,并返回该元素。

查看示例程序

4.4 替换元素

4.4.1 splice-添加替换删除

Array.prototype.splice() 添加、替换、删除元素。会改变原数组。

array.splice(start[, deleteCount[, item1[, item2[, ...]]]])

  • 参数 start:表示替换的位置
  • 参数 deleteCount :表示删除元素的数量
  • 参数 item1... : 表示添加的元素

查看示例程序

4.5 顺序相关

4.5.1 sort-排序

Array.prototype.sort() 数组排序,改变原数组。

查看示例程序

4.5.2 reverse-反序

Array.prototype.reverse() 倒置数组,并返回新数组。会改变原数组。

查看示例程序

4.6 遍历迭代

4.6.1 keys-键迭代器

Array.prototype.keys() 数组的键迭代器。

查看示例程序

4.6.2 values-值迭代器

Array.prototype.values() 数组的值迭代器。

查看示例程序

4.6.3 entries-键/值对迭代器

Array.prototype.entries() 数组的键/值对迭代器。

查看示例程序

4.6.4 forEach-遍历

Array.prototype.forEach() 遍历数组中的元素,并执行回调函数。

查看示例程序

4.7 检测

4.7.1 includes-值包含检测

Array.prototype.includes() 值包含检测,如包含返回 true,不包含返回false。

查看示例程序

4.7.2 some-函数包含检测

Array.prototype.some() 检测数组中是否有元素可以通过检测函数验证。

查看示例程序

4.7.3 every-函数完全检测

Array.prototype.every() 检测数组中是否所有元素都可以通过检测函数验证。

查看示例程序

4.8 合并

4.8.1 join-合并成字符串

Array.prototype.join() 合并数组中所有元素成为字符串并返回。

查看示例程序

4.8.2 concat-合并成数组

Array.prototype.concat() 合并两个或多个数组,返回一个全新数组,原数组不变。

该方法可以有多个参数。

查看示例程序

4.9 累计

4.9.1 reduce-左侧累计

Array.prototype.reduce() 从左至右按 reducer 函数组合元素值,并返回累计器终值。

查看示例程序

4.9.2 reduceRight-右侧累计

Array.prototype.reduceRight() 从右至左按 reducer 函数组合元素值,并返回累计器终值。

查看示例程序

4.10 copyWithin-内部复制

Array.prototype.copyWithin() 数组内部复制,不改变原数组长度。

arr.copyWithin(target[, start[, end]])

  • 参数target : 表示要复制到的索引位置,如为负值则从后向前计数。
  • 参数start : 表示要复制序列的起始索引位置,如为负值则从后向前计数。如省略该值,则从索引0开始。
  • 参数end : 表示要复制序列的结束位置,如为负值则从后向前计数。如省略该值,则复制到结尾位置。

查看示例程序

4.11 fill-填充函数

Array.prototype.fill() 用固定值填充起始索引到终止索引区间内的全部元素值,不包括终止索引。

查看示例程序

4.12 filter-过滤函数

Array.prototype.filter() 生成由通过检测函数验证元素组成的新数组并返回。

查看示例程序

4.13 flat-数组扁平化

Array.prototype.flat() 按指定深度递归遍历数组,并返回包含所有遍历到的元素组成的新数组。不改变原数组。

查看示例程序

4.14 map-映射

Array.prototype.map() 创建一个新数组,该数组中的元素由原数组元素调用map函数产生。

查看示例程序

4.15 slice-截取数组

Array.prototype.slice() 按参数beginend 截取数组,不改变原数组。

查看示例程序

5 结尾

5.1 结语

文中介绍的过于简单,想更多理解相关内容还是要多多动手实践!

因时间不足,能力有限等原因,存在文字阐述不准及代码测试不足等诸多问题。如发现错误请不吝指正!谢谢。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

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

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1 概述
    • 1.1 前言
    • 2 数组属性
      • 2.1 length-长度属性
      • 3 数组方法
        • 3.1 Array.isArray-类型判定
          • 3.2 Array.of-创建数组
            • 3.3 Array.from-创建数组
            • 4 数组原型方法
              • 4.1 查找元素
                • 4.1.1 find-按函数查找
                • 4.1.2 findIndex-按函数查找
                • 4.1.3 indexOf-按元素值查找
                • 4.1.4 lastIndexOf-按元素值查找
              • 4.2 添加元素
                • 4.2.1 push-尾部添加
                • 4.2.2 unshift-头部添加
              • 4.3 删除元素
                • 4.3.1 pop-尾部删除
                • 4.3.2 shift-头部删除
              • 4.4 替换元素
                • 4.4.1 splice-添加替换删除
              • 4.5 顺序相关
                • 4.5.1 sort-排序
                • 4.5.2 reverse-反序
              • 4.6 遍历迭代
                • 4.6.1 keys-键迭代器
                • 4.6.2 values-值迭代器
                • 4.6.3 entries-键/值对迭代器
                • 4.6.4 forEach-遍历
              • 4.7 检测
                • 4.7.1 includes-值包含检测
                • 4.7.2 some-函数包含检测
                • 4.7.3 every-函数完全检测
              • 4.8 合并
                • 4.8.1 join-合并成字符串
                • 4.8.2 concat-合并成数组
              • 4.9 累计
                • 4.9.1 reduce-左侧累计
                • 4.9.2 reduceRight-右侧累计
              • 4.10 copyWithin-内部复制
                • 4.11 fill-填充函数
                  • 4.12 filter-过滤函数
                    • 4.13 flat-数组扁平化
                      • 4.14 map-映射
                        • 4.15 slice-截取数组
                        • 5 结尾
                          • 5.1 结语
                          领券
                          问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档