JavaScript 中数组方法

JavaScript 中有很多用于操作数组的方法,以下是一些常用的数组方法:

目录

push(): 向数组的末尾添加一个或多个元素,并返回新的长度。

pop(): 删除数组的最后一个元素,并返回该元素的值。

shift(): 删除数组的第一个元素,并返回该元素的值。

unshift(): 向数组的开头添加一个或多个元素,并返回新的长度。

concat(): 连接两个或多个数组,并返回一个新数组,不改变原数组。

slice(): 从已有的数组中返回选定的元素,不改变原数组。

forEach(): 对数组的每个元素执行一次提供的函数。

splice(): 通过删除或替换现有元素或者原地添加新元素来修改数组。

join(separator): 将数组的所有元素连接成一个字符串。

indexOf(searchElement[, fromIndex]): 返回指定元素在数组中第一次出现的索引,

 lastIndexOf(searchElement[, fromIndex]): 返回指定元素在数组中最后一次出现的索引

 includes(searchElement[, fromIndex]): 判断数组是否包含指定元素

 reverse(): 将数组中的元素倒序排列,并返回该数组。

 filter(callback): 创建一个新数组,


  1. push(): 向数组的末尾添加一个或多个元素,并返回新的长度。

    let arr = [1, 2, 3]; arr.push(4); // arr 现在为 [1, 2, 3, 4]

  2. pop(): 删除数组的最后一个元素,并返回该元素的值。

    let arr = [1, 2, 3]; let lastElement = arr.pop();// lastElement 的值为 3,arr 现在为 [1, 2]

  3. shift(): 删除数组的第一个元素,并返回该元素的值。

    let arr = [1, 2, 3];
    let firstElement = arr.shift(); 
    // firstElement 的值为 1,arr 现在为 [2, 3]

  4. unshift(): 向数组的开头添加一个或多个元素,并返回新的长度。

    let arr = [2, 3];
    arr.unshift(1); 
    // arr 现在为 [1, 2, 3]

  5. concat(): 连接两个或多个数组,并返回一个新数组,不改变原数组。

    let arr1 = [1, 2]; 
    let arr2 = [3, 4]; 
    let newArr = arr1.concat(arr2); 
    // newArr 为 [1, 2, 3, 4]

  6. slice(): 从已有的数组中返回选定的元素,不改变原数组。

let arr = [1, 2, 3, 4, 5];
let newArr = arr.slice(1, 3);
// newArr 为 [2, 3],arr 仍然为 [1, 2, 3, 4, 5]

  7.forEach(): 对数组的每个元素执行一次提供的函数。

let arr = [1, 2, 3]; 
arr.forEach(function(element){ console.log(element); 
}); // 输出: // 1 // 2 // 3

     8.splice(): 通过删除或替换现有元素或者原地添加新元素来修改数组。

         splice() 方法是 JavaScript 中用于修改数组的强大方法,可以实现删除、替换和添加元素的功能。该方法接受三个参数: 详解讲解一下用法 参数

  1. 起始位置(start):这是要修改的起始位置的索引。如果是正数,表示从数组的开头开始计数;如果是负数,表示从数组的末尾开始计数。如果提供的索引超出了数组的长度,splice() 方法将从数组的开头或末尾开始进行修改。如果起始位置是负数,并且绝对值大于数组的长度,则起始位置会被处理为 0。

  2. 删除数量(deleteCount):这是要删除的元素数量。如果提供了这个参数,则表示要删除的元素数量。如果不提供这个参数或者提供了一个大于数组剩余元素数量的值,则表示删除起始位置之后的所有元素(包括起始位置)。

  3. 要添加的元素(item1, item2, ...):这是要添加进数组的新元素,它们将被插入到起始位置之后的位置上。可以提供任意数量的元素作为参数。如果没有提供要添加的元素,则 splice() 方法只会执行删除操作,不会进行添加操作。

下面是一些示例:

  • 删除元素

    let arr = [1, 2, 3, 4, 5]; 
    arr.splice(1, 2); 
    // 从索引 1 开始删除 2 个元素 
    // arr 现在为 [1, 4, 5]
    //起始索引若为-1 则从后数删除第一个元素
  • 替换元素

    let arr = [1, 2, 3, 4, 5]; 
    arr.splice(1, 2, 'a', 'b'); 
    // 从索引 1 开始删除 2 个元素,并插入 'a' 和 'b' 
    // arr 现在为 [1, 'a', 'b', 4, 5]
  • 添加元素

    let arr = [1, 2, 3, 4, 5]; 
    arr.splice(2, 0, 'x', 'y'); 
    // 从索引 2 开始不删除任何元素,并插入 'x' 和 'y' 
    // arr 现在为 [1, 2, 'x', 'y', 3, 4, 5]

               splice() 方法是 JavaScript 数组中用于修改数组的一种灵活的方式,它可以在数组中进行删除、替换和添加元素的操作,是处理数组的重要工具之一。

  10.join(separator): 将数组的所有元素连接成一个字符串。可以指定一个可选的分隔符来分隔元素,默认是逗号 ,

let arr = ['apple', 'banana', 'orange']; 
let str = arr.join(', '); 
// str 的值为 "apple, banana, orange"

  11.indexOf(searchElement[, fromIndex]): 返回指定元素在数组中第一次出现的索引,如果没有找到该元素,则返回 -1。可选参数 fromIndex 指定开始搜索的起始索引,默认为 0。

let arr = [1, 2, 3, 4, 5]; 
let index = arr.indexOf(3); 
// index 的值为 2   找不到返回-1

  12.lastIndexOf(searchElement[, fromIndex]): 返回指定元素在数组中最后一次出现的索引,如果没有找到该元素,则返回 -1。可选参数 fromIndex 指定开始搜索的起始索引,默认为数组末尾。

let arr = [1, 2, 3, 4, 5, 2]; 
let lastIndex = arr.lastIndexOf(2); 
// lastIndex 的值为 5

  13.includes(searchElement[, fromIndex]): 判断数组是否包含指定元素,如果包含则返回 true,否则返回 false。可选参数 fromIndex 指定开始搜索的起始索引,默认为 0。

let arr = [1, 2, 3, 4, 5]; 
let includes = arr.includes(3); 
// includes 的值为 true

  14.reverse(): 将数组中的元素倒序排列,并返回该数组。

let arr = [1, 2, 3, 4, 5]; 
arr.reverse(); 
// arr 现在为 [5, 4, 3, 2, 1]

  15.filter(callback): 创建一个新数组,其中包含通过指定函数测试的所有元素。如果某个元素通过测试,就会包含在新数组中;否则,将被过滤掉。

let arr = [1, 2, 3, 4, 5]; 
let newArr = arr.filter(function(element) { 
return element > 2; 
}); 
// newArr 现在为 [3, 4, 5]

          

这些是 JavaScript 中常用的一些数组方法,它们使得在处理数组时更加方便和灵活。

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

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

相关文章

DLL导出API注意事项

文章目录 问题原则示例一解决方案 示例二解决方法 参考 问题 在 windows 平台下,如果在动态库的接口中使用 std::string 或其它 std 容器,会导致崩溃或其它内存问题,所以一般要求动态库的接口必须是 C 语言实现。 原则 一个原则:…

专题三_二分查找(3)

目录 153. 寻找旋转排序数组中的最小值 解析 题解 LCR 173. 点名 解析 题解 153. 寻找旋转排序数组中的最小值 153. 寻找旋转排序数组中的最小值 - 力扣&#xff08;LeetCode&#xff09; 解析 题解 class Solution { public:int findMin(vector<int>& nums) …

【OpenCV】 基础入门(一)初识 Mat 类 | 通过 Mat 类显示图像

&#x1f680; 个人简介&#xff1a;CSDN「博客新星」TOP 10 &#xff0c; C/C 领域新星创作者&#x1f49f; 作 者&#xff1a;锡兰_CC ❣️&#x1f4dd; 专 栏&#xff1a;【OpenCV • c】计算机视觉&#x1f308; 若有帮助&#xff0c;还请关注➕点赞➕收藏&#xff…

pytorch 层和块

文章目录 Sequential定义自定义块顺序块修改参数参数访问嵌套模块参数初始化内置初始化 参数绑定 Sequential定义 import torch from torch import nn from torch.nn import functional as F建立了 线性层 输入20,输出256 Relu函数激活, 线性层 输入256,输出10net nn.Sequen…

30-ORM:CURD神器GORM包介绍及实战

目前&#xff0c;GitHub上 star数最多的是GORM&#xff0c;它也是当前Go项目中使用最多的ORM。 GORM基础知识介绍 GORM是Go语言的ORM包&#xff0c;功能强大&#xff0c;调用方便。像腾讯、华为、阿里这样的大厂&#xff0c;都在使用GORM来构建企业级的应用。 功能全。使用O…

从零开始:Flutter应用上架iOS的完整流程解析

引言 &#x1f680; Flutter作为一种跨平台的移动应用程序开发框架&#xff0c;为开发者提供了便利&#xff0c;使他们能够通过单一的代码库构建出高性能、高保真度的应用程序&#xff0c;同时支持Android和iOS两个平台。然而&#xff0c;完成Flutter应用程序的开发只是第一步…

Linux安装Apache保姆级教程

文章目录 前言一、安装Apache1.安装Apache2.开启服务3.查看服务的状态4.网络请求测试5.将服务设置为自启 二、外部电脑访问Apache设置方法一&#xff1a;关闭防火墙方法二&#xff1a;添加防火墙端口&#xff08;Apache默认端口&#xff1a;80&#xff0c;如果修改了Apache端口…

边缘网关在智能制造工厂中的创新应用及其带来的显著成效-天拓四方

在数字化浪潮席卷之下&#xff0c;智能制造工厂正面临着前所未有的数据挑战与机遇。边缘网关&#xff0c;作为数据处理与传输的关键节点&#xff0c;在提升工厂运营效率、确保数据安全方面发挥着日益重要的作用。本文将通过一个具体案例&#xff0c;详细阐述边缘网关在智能制造…

[C语言实现]数据结构二叉树之《我种下的树会为我遮阳挡雨》

&#x1f970;作者: FlashRider &#x1f30f;专栏: 初阶数据结构 &#x1f356;知识概要&#xff1a;详解二叉树的概念、二叉树的遍历、以及代码实现。 目录 树的基本概念 树的存储结构与二叉树的实现 树的存储 什么是二叉树 二叉链存储二叉树 二叉树的代码实现 树的基本…

代码随想录算法训练营第三十六天|leetcode416题

一、leetcode第416题 本题要求数组分成两个子集&#xff0c;子集的和是否相等&#xff0c;可以转化为0-1背包问题&#xff0c;即背包容量为数组元素和的1/2&#xff0c;物品大小即为元素大小。设置dp数组&#xff0c;dp[i]表示为背包容量为i能放置的元素大小&#xff0c;可知d…

车载电子电器架构 —— 局部网络管理汇总

车载电子电器架构 —— 局部网络管理汇总 我是穿拖鞋的汉子,魔都中坚持长期主义的汽车电子工程师。 老规矩,分享一段喜欢的文字,避免自己成为高知识低文化的工程师: 屏蔽力是信息过载时代一个人的特殊竞争力,任何消耗你的人和事,多看一眼都是你的不对。非必要不费力证明…

黄金票据的复现

实验环境以及工具 服务器&#xff1a;Windows server 2003 用户&#xff1a;Windows 7旗舰版 工具&#xff1a;mimikatz 搭建服务器环境 参考&#xff1a;内网横向——域渗透之黄金票据复现-CSDN博客 创建用户 使用gpupdate刷新策略&#xff1b; 搭建win7环境 设置ip ‘…

【c++20】CPP-20-STL-Cookbook 学习笔记

Cpp20-STL-Cookbook-src简单的阅读笔记。c++20更好用了,比如STL 包含了一些这样的辅助函数,比如 make_pair() 和make_tuple() 等。 这些代码现在已经过时了,但是为了与旧代码兼容,会保留这些代码。比如 可以声明是一个std的string:Sum s1 {1u, 2.0, 3, 4.0f }?

二维相位解包理论算法和软件【全文翻译-将相位分解为 “非旋转 “和 “旋转 “(2.4)】

2.4 将相位分解为 "非旋转 "和 "旋转 "部分 借用电磁场理论,可以用发散和卷曲来指定矢量场[9][10]。当且仅当矢量函数 F(r)(以及由其描述的场)在整个域 D 中不旋转或无旋转时,我们称之为矢量函数 F(r)、 因此,如果等式 2.30(也是第 2.2 节关于路径…

ubuntu16.04安装vscode那些事

1)安装deb包。 用ftp传输到ubuntu后&#xff0c;进入ftp的目录下&#xff0c; sudo dpkg -i code_1.32.3-1552606978_amd64.deb 安装完成后&#xff0c;进入/usr/share/applications/&#xff0c;找到vscode的图标&#xff0c;右键&#xff0c; copy to &#xff0c;选择deskt…

揭秘糖尿病患者稳定控制血糖的关键!

患者在就诊之前一直使用的二甲双胍和达格列净这两种降糖药物&#xff0c;这两种药对于控制血糖是有一定效果的。北京崇文门医院朱学敏主任的建议是继续服用&#xff0c;然后患者空腹血糖在7-8mmol/L左右&#xff0c;餐后血糖稍高&#xff0c;达到9-10mmol/L&#xff0c;但总体上…

停机部署、蓝绿部署、滚动部署和金丝雀部署对比——筑梦之路

停机部署&#xff08;Shutdown Deployment&#xff09; 停机部署策略是最简单直接的部署方式&#xff0c;即在升级过程中完全停止当前运行的应用&#xff0c;并在升级完成后重新启动。这种方法适用于那些可以承受短暂停机的应用&#xff0c;例如简单的静态网页或者对可用性要求…

外贸建站公司排名

站易wodpress建站 设计非常简洁、非常人性化&#xff0c;符合欧美人喜欢的简洁网站风格。 http://www.zhanyes.com 简站wordpress主题 简站wordpress主题&#xff0c;让建网站更简单&#xff0c;始于2013年&#xff0c;崇尚简约、鄙视繁琐、化繁为简、实用即可。 https://w…

单链表求集合的交集

#define _CRT_SECURE_NO_WARNINGS #include<stdio.h> #include<stdlib.h> typedef int ElemType; typedef struct LinkNode {ElemType data;LinkNode* next; }LinkNode, * LinkList; //尾插法建立单链表 void creatLinkList(LinkList& L) {L (LinkNode*)mallo…

外汇110:交易中,是否真的存在确定性?

我们看问题的角度不同&#xff0c;得到的结果必然也是不一样的。我们不能否认任何一种可能性&#xff0c;但一切需要从逻辑出发。交易中&#xff0c;最大的确定性就是市场是不确定的&#xff0c;什么样的行情都可能发生。当然&#xff0c;绝对的确定性是不存在的&#xff0c;但…