js常用数组方法

1.arr.push()  -末尾添加

  • 该方法可以向数组末尾添加一个或多个元素,并返回数组新的长度
  • 可以将要添加的元素作为方法的参数传递,这样这些元素将会自动添加到元素的末尾
  • 原数组会发生变化

var arr = [ 1, 2, 3, 4 ]

arr.push(5)

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

2.arr.unshift()  -开头添加

  • 数组开头添加一个或者多个元素,并返回新的数组长度

  • 向前边插入元素后,其他的元素索引会依次调整

  • 原数组会发生变化

var arr = [1, 2, 3, 4]

arr.unshift(0)

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

3.arr.pop()  -删除最后一个

  • 该方法可以删除数组的最后一个元素 ,一次就删除一个元素

  • pop()没有参数

  • 将被删除的元素作为返回值返回

  • 原数组会发生变化

var arr = [1, 2, 3, 4]

arr.pop()

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

4.arr.shift()  -删除第一个

  • 可以删除数组的第一个元素,一次就删除一个元素

  • shift()没有参数

  • 被删除的元素作为返回值返回

  • 原数组会发生变化

var arr = [1, 2, 3, 4]

arr.shift()

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

5.arr.forEach()  -遍历数组

  • 遍历数组
  • 数组中有几个元素函数就执行几次,每次执行时,浏览器会将遍历到的元素,

                   以实参的形式传递进来,我们可以来定义行参,来读取这些内容

  • 有三个参数:

                  第一个参数:就是当前正在遍历的元素

                  第二个参数:就是当前正在遍历的元素的索引

                  第三个参数:就是当前正在遍历的数组

var arr = [1, 2, 3, 4]

arr.forEach(function (item, value, array) {

            console.log(item);  // 1 2 3 4

            console.log(value);  // 0 1 2 3

            console.log(array);  // 会打印四遍 [1, 2, 3, 4]

        })

6.arr.map()  -遍历数组

  • 映射数组(遍历数组),有return 返回一个新数组 。
  • 参数:

              value --当前索引的值

              index --索引

              array --原数组

var arr = [1, 2, 3, 4, 5]

var newArr = arr.map(function (item) {

            return item += 2

        })

console.log(newArr);  // [ 3, 4, 5 , 6, 7 ]

7.arr.slice()  -截取指定元素

  • 可以用来从数组提取指定元素

  • 不会改变元素原数组,而是将截取到的元素封装到一个新数组中返回

  • 可以写两个参数:

                1:截取开始的位置的索引,包含开始索引

                2:截取结束的位置的索引,不包含结束索引

  • 第二个参数,可以省略不写,此时会截取从开始索引往后的所有元素

  • 索引可以传递一个负值,如果传递一个负值,则从后往前计算

                         如:-1:倒数第一个,-2:倒数第二个

var arr = [1, 2, 3, 4]

var newArr = arr.slice(0, 2)

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

console.log(newArr);  // [1, 2]

8.arr.aplice()  -删除指定元素

  • 可以用来删除数组中的指定元素

  • 会影响到原数组,会将指定元素从原数组中删除,并将删除的元素作为返回值返回

  • 参数:

                  第一个,表示开始位置的索引

                  第二个,表示删除的数量

                  第三个及以后...

                      可以传递一些新的元素,这些元素将会自动插入到

                         开始位置,索引前边

var arr = [1, 2, 3, 4]

arr.splice(0, 2)

console.log(arr);  // [3, 4]

9.arr.indexOf()  -查找元素

  • 返回在数组中可以找到的一个给定元素的第一个索引,如果不存在,则返回-1

  • 它只返回第一个满足条件的索引号

var arr = [1, 2, 3, 4]

var index1 = arr.indexOf(3)

var index2 = arr.indexOf(99)

console.log(index1);  // 2

console.log(index2);  // -1

10.arr.lastIndexOf()  -查找元素

  • 和arr.indexOf()的功能一样,只不过是从后往前查找

var arr = [1, 2, 3, 4]

var index1 = arr.indexOf(3)

var index2 = arr.indexOf(99)

console.log(index1);  // 2

console.log(index2);  // -1

11.arr.concat()  -合并数组

  • 可以合并两个或多个数组,并将新的数组返回,也可以传其他数据类型

  • 该方法不会对原数组产生影响

var arr1 = [1, 2, 3, 4]

var arr2 = [6, 7, 8, 9]

var arr3 = arr1.concat(arr2)

console.log(arr3);  // [1, 2, 3, 4, 6, 7, 8, 9]

12.arr.join()  -数组转成字符串

  • 该方法可以将数组转成一个字符串

  • 该方法不会对原数组产生影响,而是将转换后的字符串作为结果返回

  • 在join()中可以指定一个字符串作为参数,这个字符串将会成为数组中元素的连接符

                    如果不指定连接符,则默认使用“,”,作为连接符

var arr = [1, 2, 3, 4]

var str = arr.join('')

console.log(str);  // 1234

13.arr.split()  -字符串转数组

  • 使用指定的分隔符字符串将一个String对象分割成子字符串数组

  • 以一个指定的分割字串来决定每个拆分的位置

var str = "red,orange,yellow"

var arr = str.split(',')

console.log(arr);  // [ 'red', 'orange', 'yellow' ]

14.arr.reverse()  -反转数组

  • 该方法用来反转数组(前边的去后边,后边的去前边)

  • 该方法会直接修改原数组!

var arr = [1, 2, 3, 4, 5]

arr.reverse()

console.log(arr);  // [ 5, 4, 3, 2, 1 ]

15.arr.sort()  -排序

  • 可以用来对数组中的元素进行排序

  • 会影响原数组,默认会按照Unicode编码进行排序

  • 可以在sort()添加回调函数,来制定排序规则

  • 如果需要升序,则返回a-b

  • 如果需要降序排列,则返回b-a

var arr = [3, 6, 2, 8, 5, 4]

arr.sort(function (a, b) {

            return a - b  // 升序(从小到大)

        })

console.log(arr);  // [ 2,3,4,5,6,8 ]

var arr = [3, 6, 2, 8, 5, 4]

arr.sort(function (a, b) {

            return b - a  // 降序(从大到小)

        })

console.log(arr);  // [ 8,6,5,4,3,2 ]

16.arr.filter()  -过滤

  • 过滤数组,返回一个满足要求的数组

  • 两个参数:

              value --当前索引的值

              index --索引

var arr = [3, 6, 2, 8, 5, 4]

var newArr = arr.filter(function (item, index) {

            return item > 5

        })

console.log(newArr);  // [ 8,6 ]

17.arr.find()  -查找元素

  • 从数组中找到符合条件的第一个元素

var arr = [1, 2, 3, 4, 5]

var newArr = arr.find(function (item) {

            return item > 3

        })

console.log(newArr);  // 4

18.arr.findIndex()  -查找元素

  • 从数组中找到符合条件的第一个元素的索引值

var arr = [1, 2, 3, 4, 5]

var newArr = arr.findIndex(function (item) {

            return item > 3

        })

console.log(newArr);  // 3

19.arr.every()  -判断所有元素

  • 根据条件判断数组中所有元素满不满足,如果满足则返回 true 不满足返回 false

var arr = [1, 2, 3, 4, 5]

var newArr = arr.every(function (item) {

            return item <= 5

        })

console.log(newArr);  // true

20.arr.some()  -判断元素

  • 根据条件判断数组中有没有一个满足条件的,只要有一个满足条件的则返回 ture 否则返回 false

var arr = [1, 2, 3, 4, 5]

var newArr = arr.some(function (item) {

            return item < 3

        })

console.log(newArr);  // true

21.arr.reduce()  -累加器

  • 可以为数组中的每个元素依次执行回调函数
  • 常用于函数的计算
  • 有四个参数:初始值(或者上次回调函数的返回值)、当前元素值、当前元素的索引、当前元素所属的对象

var arr = [1, 2, 3]

var newArr = arr.reduce(function (prev, cur, index, array) {

            return prev + cur

        })

console.log(newArr);  // 6

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/14444.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

linux命令arp的使用

arp arp 命令用于显示和修改 IP 到 MAC 转换表 补充说明 arp 命令 是 Address Resolution Protocol&#xff0c;地址解析协议&#xff0c;是通过解析网络层地址来找寻数据链路层地址的一个网络协议包中极其重要的网络传输协议。而该命令可以显示和修改 arp 协议解析表中的缓…

Mia for Gmail for Mac:Mac用户的邮件管理首选

对于追求高效工作的Mac用户来说&#xff0c;Mia for Gmail for Mac无疑是邮件管理的首选工具。它以其卓越的性能和丰富的功能&#xff0c;为用户带来了前所未有的高效邮件管理体验。 Mia for Gmail for Mac不仅支持多帐号登录和标签选择功能&#xff0c;还提供了邮件分类、垃圾…

linux 中 fd 申请和释放管理(两级 bitmap)

linux 中 fd 的几点理解_linux fd-CSDN博客 通过上边的文章&#xff0c;我们可以知道&#xff0c;在 linux 中&#xff0c;fd 有以下几点需要了解&#xff1a; &#xff08;1&#xff09;fd 表示进程打开的文件&#xff0c;是进程级别的资源&#xff0c;不是系统级别的资源 …

【前端每日一题】day11

一个盒子(DIV)里有若干个小盒子&#xff0c;每个小盒子里还可能有多个小盒子 多层盒子结构。每个盒子都有一个唯一的id和 name 属性。现在给出一个盒子的 id 请找到这个盒子并打开&#xff0c;输出这个盒子内部所有小盒子的id和 name&#xff0c;并继续打开这些小盒子输出id和 …

【Unity】Unity项目转抖音小游戏(四)一些常用方法

1.初始化 SDK会在Unity启动前就初始化好&#xff0c;但是又有Init的接口&#xff0c;所以这里通过 StarkSDK.s_ContainerEnv 判断有没有初始化&#xff0c;没有的话就手动初始化 public override void Init(string code, Action callback){Debug.Log("初始化抖音SDK"…

AIGC全面介绍

AIGC&#xff08;Artificial Intelligence Generated Content&#xff09;&#xff0c;即生成式人工智能&#xff0c;是人工智能1.0时代进入2.0时代的重要标志。这一技术的出现&#xff0c;标志着人工智能从计算智能、感知智能迈向了认知智能的新阶段。以下是关于AIGC的全面介绍…

基于manifest文件批量将coding的仓库导入gitlab中

文章目录 写在前面的话背景编写manifest文件最终效果 写在前面的话 前面有讲过通过manifest清单导入项目到gitlab中&#xff0c;但是实际的操作是不同gitlab实例之间的操作&#xff0c;然而对于在不同gitlab实例的repo迁移而言&#xff0c;显然direct transfer会更合适。 背景…

民国漫画杂志《时代漫画》第21期.PDF

时代漫画21.PDF: https://url03.ctfile.com/f/1779803-1248634754-017e2b?p9586 (访问密码: 9586) 《时代漫画》的杂志在1934年诞生了&#xff0c;截止1937年6月战争来临被迫停刊共发行了39期。 ps: 资源来源网络!

代码随想录算法训练营Day49 | 123.买卖股票的最佳时机III、188.买卖股票的最佳时机IV | Python | 个人记录向

本文目录 123.买卖股票的最佳时机III做题看文章 188.买卖股票的最佳时机IV做题 以往忽略的知识点小结个人体会 123.买卖股票的最佳时机III 代码随想录&#xff1a;123.买卖股票的最佳时机III Leetcode&#xff1a;123.买卖股票的最佳时机III 做题 无思路。 看文章 确定dp数…

结构型模式之桥接模式

文章目录 概述原理结构图代码示例 小结 概述 桥接模式(bridge pattern) 的定义是&#xff1a;将抽象部分与它的实现部分分离&#xff0c;使它们都可以独立地变化。 桥接模式用一种巧妙的方式处理多层继承存在的问题,用抽象关联来取代传统的多层继承,将类之间的静态继承关系转…

使用位掩码的权限设计

使用位掩码的权限设计 权限系统的设计几乎是每个系统都必需的模块。 下面就聊一聊基本设计的思路。 位掩码&#xff08;BitMask&#xff09;&#xff0c;是位&#xff08;Bit&#xff09;和掩码&#xff08;Mask&#xff09;的组合词。 “位”指代着二进制数据当中的二进制位…

基于深度学习OCR文本识别系统源码(带界面)

第一步&#xff1a;概要 基于深度学习OCR文本识别分为两个模块&#xff1a;DBNet和CRNN。 DBNet是基于分割的文本检测算法&#xff0c;算法将可微分二值化模块(Differentiable Binarization)引入了分割模型&#xff0c;使得模型能够通过自适应的阈值图进行二值化&#xff0c;并…

Postgresql 基础学习

一、介绍 PostgreSQL是一个开源的关系型数据库管理系统&#xff08;RDBMS&#xff09;&#xff0c;它支持SQL语言的所有功能&#xff0c;具有可扩展性、高并发性和可靠性等特点。 以下是一些 PostgreSQL 的特点&#xff1a; 开源&#xff1a;PostgreSQL是一个非常受欢迎的开源…

Python-温故知新

1快速打开.ipynb文件 安装好anaconda后&#xff0c;在需要打开notebook的文件夹中&#xff0c; shift键右键——打开powershell窗口——输入jupyter notebook 即可在该文件夹中打开notebook的页面&#xff1a; 2 快速查看函数用法 光标放在函数上——shift键tab 3...

Docker镜像源自动测试镜像速度,并选择速度最快的镜像

国内执行如下代码 bash <(curl -sSL https://gitee.com/xjxjin/scripts/raw/main/check_docker_registry.sh)国外执行如下代码 bash <(curl -sSL https://github.com/xjxjin/scripts/raw/main/check_docker_registry.sh)如果有老铁有比较不错的镜像源&#xff0c;可以提…

探索Python编程乐趣:制作气泡反弹小游戏

新书上架~&#x1f447;全国包邮奥~ python实用小工具开发教程http://pythontoolsteach.com/3 欢迎关注我&#x1f446;&#xff0c;收藏下次不迷路┗|&#xff40;O′|┛ 嗷~~ 目录 一、引言&#xff1a;Python编程的轻松入门 二、游戏实现原理&#xff1a;气泡反弹的逻辑 …

探索生态农业,守护绿色家园

在繁忙的都市生活中&#xff0c;我们往往忽略了与自然和谐相处的重要性。而生态农业&#xff0c;正是让我们重拾与大自然亲密关系的桥梁。通过采用生态友好的耕作方式&#xff0c;生态农业不仅能够提供健康、营养的农产品&#xff0c;还能够保护生态环境&#xff0c;实现人与自…

Android高通 12/13静默安装和卸载

1、静默安装和静默卸载 涉及代码路径感兴趣可以去看下如下所示&#xff0c;这里不作重点赘述哈 Package Manger frameworks/base/services/java/com/android/server/pm/Settings.java frameworks/base/services/java/com/android/server/pm/PackageManagerService.java framew…

CCS基础入门

视频&#xff1a; CCS使用教程_哔哩哔哩_bilibili 创建工程 步骤一&#xff1a;创建 方法一&#xff1a; 方法二&#xff1a; 方法三&#xff1a; 步骤二&#xff1a;选择工程配置 步骤三&#xff1a;完成创建 编译工程&#xff1a; 方法一&#xff08;最常用&#xff09;…

Excel中自动验证URL网址链接有效性

下面表格中的网址有的可以打开&#xff0c;有的不能打开 在Excel中按下 Alt F11 键来打开VBA编辑器&#xff0c;选择 插入 > 模块&#xff0c;创建一个新的模块&#xff0c;在新创建的模块窗口中输入以下代码&#xff1a; Function 测试网址(ByVal URL As String) As Str…