JavaScript 数组常用方法

JavaScript数组是一种用于存储多个值的有序集合。在JavaScript中,数组是一种特殊的对象,它具有一系列的方法,可以用来操作数组中的元素。下面详细说明一些常用的数组方法,并给出相应的代码案例。

  1. push()方法:向数组的末尾添加一个或多个元素,并返回新数组的长度。代码案例:
let fruits = ["apple", "banana"];
let length = fruits.push("orange");
console.log(fruits); // ["apple", "banana", "orange"]
console.log(length); // 3

  1. pop()方法:从数组的末尾删除一个元素,并返回该元素的值。代码案例:
let fruits = ["apple", "banana", "orange"];
let lastFruit = fruits.pop();
console.log(fruits); // ["apple", "banana"]
console.log(lastFruit); // "orange"

  1. unshift()方法:向数组的开头添加一个或多个元素,并返回新数组的长度。代码案例:
let fruits = ["apple", "banana"];
let length = fruits.unshift("orange");
console.log(fruits); // ["orange", "apple", "banana"]
console.log(length); // 3

  1. shift()方法:从数组的开头删除一个元素,并返回该元素的值。代码案例:
let fruits = ["orange", "apple", "banana"];
let firstFruit = fruits.shift();
console.log(fruits); // ["apple", "banana"]
console.log(firstFruit); // "orange"

  1. concat()方法:将两个或多个数组合并成一个新数组,并返回新数组。代码案例:
let fruits1 = ["apple", "banana"];
let fruits2 = ["orange", "grape"];
let allFruits = fruits1.concat(fruits2);
console.log(allFruits); // ["apple", "banana", "orange", "grape"]

  1. slice()方法:返回数组中的一个片段,并创建一个新数组。代码案例:
let fruits = ["apple", "banana", "orange", "grape"];
let citrusFruits = fruits.slice(1, 3);
console.log(citrusFruits); // ["banana", "orange"]

  1. splice()方法:向/从数组中添加/删除元素,并返回被删除的元素。代码案例:
let fruits = ["apple", "banana", "orange", "grape"];
let removedFruits = fruits.splice(1, 2, "kiwi");
console.log(fruits); // ["apple", "kiwi", "grape"]
console.log(removedFruits); // ["banana", "orange"]

  1. forEach()方法:遍历数组中的每个元素,并对其执行指定的函数。代码案例:
let fruits = ["apple", "banana", "orange"];
fruits.forEach(function(fruit) {console.log(fruit);
});
// 输出:
// "apple"
// "banana"
// "orange"

  1. map()方法:将数组中的每个元素执行指定的函数,并返回一个新数组。代码案例:
let numbers = [1, 2, 3];
let doubledNumbers = numbers.map(function(number) {return number * 2;
});
console.log(doubledNumbers); // [2, 4, 6]

  1. filter()方法:根据指定的条件筛选数组中的元素,并返回一个新数组。代码案例:
let numbers = [1, 2, 3, 4, 5];
let evenNumbers = numbers.filter(function(number) {return number % 2 === 0;
});
console.log(evenNumbers); // [2, 4]

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

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

相关文章

暴力数据结构之栈与队列(队列详解)

1.队列的定义 队列是一种特殊的线性表,它遵循先进先出(FIFO)的原则。在队列中,只允许在表的一端进行插入操作(队尾),而在另一端进行删除操作(队头)。这种数据结构确保了最…

基于Springboot的微乐校园管理系统(有报告)。Javaee项目,springboot项目。

演示视频: 基于Springboot的微乐校园管理系统(有报告)。Javaee项目,springboot项目。 项目介绍: 采用M(model)V(view)C(controller)三层体系结构…

Java设计模式 _结构型模式_外观模式

一、外观模式 1、外观模式 外观模式(Facade Pattern)是一种结构型模式。主要特点为隐藏系统的复杂性,并向客户端提供了一个客户端可以访问系统的接口。这有助于降低系统的复杂性,提高可维护性。当客户端与多个子系统之间存在大量…

【MQTT】mosquitto 的 “下载、交叉编译、使用” 详细教程,手把手搭建一个MQTT Broker

😁博客主页😁:🚀https://blog.csdn.net/wkd_007🚀 🤑博客内容🤑:🍭嵌入式开发、Linux、C语言、C、数据结构、音视频🍭 🤣本文内容🤣&a…

传统企业如何实现数字化转型?

随着信息技术的迅猛发展和互联网的普及,数字化转型已经成为企业和组织不可忽视的趋势,数字化转型对企业和组织来说是必要的,它可以提升竞争力,推动创新发展,实现数据驱动决策,提升用户体验并适应未来发展。…

中北大学软件学院javaweb实验二JSP应用开发实验报告

实验时间 2024年4月 25 日17时至 22 时 学时数 4 1.实验名称 实验2:JSP应用开发(2学时) 2.实验目的 (1)学会编写和运行简单的JSP页面,理解其运行原理; (2)学会使用JSP的声明、表达式、脚…

Rust 适合哪些场景?

目录 二、Rust 适合哪些场景? 三、Rust 社区的发展趋势如何? 四、Rust 快速搭建一个WebServer服务器 一、Rust是什么? Rust是一门赋予每个人构建可靠且高效软件能力的语言。 Rust 程序设计语言 一门帮助每个人构建可靠且高效软件的语言。…

Python写了for i in range(10)却只打印一遍?

题目:定义一个两个参数的重复打印函数,第一个参数指定要打印的字符串,第二个参数指定要重复打印的次数,在主程序中调用该函数,打印10遍你的学号姓名。 为什么调用函数后结果只打印了一遍? 看了题目感觉就很诡异&#…

爬虫-无限debug场景 解决方式

解决无限debug 场景1 1. 鼠标右键 选择 continue to here(此处不停留)2. 鼠标右键 选择 edite breakpoint 设置 10 保证条件不成立 这行永远不执行3.方法置空 1. 方法调用加断点2. 控制台 setInterval function name() {}4. 替换文件 5. hoo…

Apache SeaTunnel 正式发布2.3.5版本,功能增强及多个Bug修复

经过两个月的筹备,我们在2.3.4版本基础上进行了新一轮的迭代,本次更新不仅修复了多个关键问题,还引入了若干重要功能增强和性能优化。 在此,我们先提前感谢社区成员的贡献和支持,如果你想升级最新的版本,快…

websocket最大数量的限制问题

更多ruoyi-nbcio功能请看演示系统 gitee源代码地址 前后端代码: https://gitee.com/nbacheng/ruoyi-nbcio 演示地址:RuoYi-Nbcio后台管理系统 http://218.75.87.38:9666/ 更多nbcio-boot功能请看演示系统 gitee源代码地址 后端代码: h…

安全 | 开源入侵防御系统 Snort

目录 Snort 概要 入侵预防系统模式 数据包记录器和嗅探器模式 网络安全学习路线 (2024最新整理) 学习资料的推荐 1.视频教程 2.SRC技术文档&PDF书籍 3.大厂面试题 特别声明: Snort 概要 Snort 概要 是世界上最重要的开源入…

《十日终焉》中的定律整理-向虫队学习(举例+持续更新)

1、二八定律 二八定律,又称帕累托法则,也叫巴莱多定律。 是19世纪末20世纪初意大利经济学家巴莱多发明的。其中指出,约仅有20%的因素影响80%的结果。也就是说:所有变因中,最重要的仅有20%,虽然剩余的80%占…

实习体验报告怎么写:AI产品助理实习经历

笔灵实习体验报告模版免费分享,更多需要可以点击使用⬇️ https://ibiling.cn/scene/inex?fromcsdnsx 一、实习背景与目的在过去的几个月里,我有幸在一家知名科技公司实习,担任AI产品助理的角色。这次实习让我有机会深入了解AI领域&#x…

JAVA 双亲委派之一

JAVA 双亲委派之一 JVM类加载流程 java语言系统内置了众多类加载器,从一定程度上讲,只存在两种不同的类加载器:一种是启动类加载器,此类加载由C实现,是JVM的一部分;另一种就是所有其他的类加载器&#xf…

ASP.NET学生成绩管理系统

摘要 本系统依据开发要求主要应用于教育系统,完成对日常的教育工作中学生成绩档案的数字化管理。开发本系统可使学院教职员工减轻工作压力,比较系统地对教务、教学上的各项服务和信息进行管理,同时,可以减少劳动力的使用&#xf…

【网络】gateway 可以提供的一些功能之三 “ 支持Eureka服务发现 ”

一、Eureka是干什么的 Eureka就像是一个电话簿,但是用来存储和管理各种微服务的地址信息。它帮助微服务之间相互发现和交流,就像你想找某人电话号码一样,只需查看电话簿就能找到他们的联系方式。Eureka也可以帮助系统在服务出现问题时自动发现…

STM32CubeMX软件使用(超详细)

1、Cube启动页介绍 2、芯片选择页面介绍 3、输入自己的芯片型号,这里以STM32U575RIT6举例 4、芯片配置页码介绍 5、芯片外设配置栏详细说明 6、点击ClockConfiguration进行时钟树的配置,选择时钟树后可以选择自己想使用的时钟源,也可以直接输…

unreal engine4 创建动画蒙太奇

UE4系列文章目录 文章目录 UE4系列文章目录前言一、创建动画蒙太奇 前言 动画蒙太奇的官方解释:Animation Montages are animation assets that enable you to combine animations in a single asset and control playback using Blueprints.You can use Animation…

与Apollo共创生态:助力自动驾驶迈向新台阶

引言Apollo七周年大会企业协同工具链携手伙伴共创生态未来展望与总结 引言 2024年4月19日,一场智能汽车未来的盛宴正朝我们走来——Apollo开放平台的七周年大会。 此次大会主题为“破晓•拥抱智变时刻”其中“破晓”象征着新时代的曙光,意味着智能汽车技…