Javascript array类 数组操作方法

JavaScript 的 Array 类是经常被使用的一种数据类型,用于存储有序且可变长度的数据。为了更好的操作数组,JavaScript 提供了丰富的数组操作 API,包含创建、增加、删除、遍历和排序等方法。本文将介绍 JavaScript 的 Array 类的常用操作方法及其使用方法,内容如下:

创建数组

语法

new Array();       // 空数组
new Array(size);   // 创建一个大小为size的数组
new Array(elem1,elem2,..,elemn);  // 创建数组并初始化

示例

let arr1 = new Array();  // 创建空数组
let arr2 = new Array(3); // 创建大小为3的数组
let arr3 = new Array("one", "two", "three"); // 创建有3个元素的数组并初始化
console.log(arr1); // []
console.log(arr2); // [empty × 3]
console.log(arr3); // ["one", "two", "three"]

增加元素

push 方法

push 方法用于向数组的末尾增加一个或多个元素。

语法

arrayObject.push(newelement1,newelement2,..,newelementX);

示例

let arr = ["apple", "banana"];
arr.push("orange");
console.log(arr); // ["apple", "banana", "orange"]

删除元素

pop 方法

pop 方法用于删除数组的最后一个元素,并返回该元素。

语法

arrayObject.pop();

示例

let arr = ["apple", "banana", "orange"];
let last = arr.pop();
console.log(last); // "orange"
console.log(arr); // ["apple", "banana"]

splice 方法

splice 方法用于删除选定的元素,并向数组添加新元素。splice 方法可以采取三个参数,第一个参数是指定删除/插入的起始位置,第二个参数是需要删除的元素个数,第三个参数是需要添加的元素(可选)。

语法

arrayObject.splice(index,howmany,item1,.....,itemX)

示例

let arr = ["apple", "banana", "orange", "pear"];
arr.splice(1, 2, "watermelon"); // 删除1和2位置的元素并添加水果
console.log(arr); // ["apple", "watermelon", "pear"]

遍历数组

forEach 方法

forEach 方法用于对数组中的每个元素执行一次给定的函数。

语法

arrayObject.forEach(function(currentValue,index,arr), thisValue)

示例

let arr = ["apple", "banana", "orange"];
arr.forEach(function (item, index, arr) {
  console.log(index + ":" + item);
});
/*
输出:
0:apple
1:banana
2:orange
*/

排序

sort 方法

sort 方法用于按字母顺序对数组进行排序,也可以定义比较函数来实现排序。

语法

arrayObject.sort(sortby)

示例

let arr = ["banana", "orange", "apple"];
arr.sort(); // 按字母顺序排序
console.log(arr); // ["apple", "banana", "orange"]

结语

以上便是 JavaScript array 类的基本常用操作方法。熟练运用这些方法,可以大大提高 JavaScript 开发效率。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:Javascript array类 数组操作方法 - Python技术站

(0)
上一篇 2023年6月10日
下一篇 2023年6月10日

相关文章

  • Javascript获取窗口(容器)的大小及位置参数列举及简要说明

    下面我来详细讲解一下”Javascript获取窗口(容器)的大小及位置参数列举及简要说明”的攻略。 获取容器大小 要获取容器大小,我们可以使用JavaScript中的clientWidth和clientHeight属性,它们会返回容器内部的宽度和高度。这里的容器可以是浏览器窗口,也可以是网页中的div、iframe等元素。 示例1:获取窗口的大小 const…

    JavaScript 2023年6月11日
    00
  • javascript中自定义对象的属性方法分享

    关于“JavaScript中自定义对象的属性方法分享”的攻略,我这里给您提供以下内容: JavaScript中自定义对象的属性方法分享 在JavaScript中,我们可以通过自定义对象的属性和方法来达到扩展自定义功能的目的。本文将介绍如何在JavaScript中定义自定义对象的属性和方法。 定义自定义对象 我们可以使用JavaScript构造函数来定义自定义…

    JavaScript 2023年5月27日
    00
  • JavaScript实现弹出模态窗体并接受传值的方法

    下面是 JavaScript 实现弹出模态窗体并接受传值的方法的攻略: 原理分析 在 JavaScript 中,我们可以通过调用 window.open 方法来打开一个新窗口,也可以通过调用 window.showModalDialog 方法来打开模态窗口。其中,模态窗口是一种类似于对话框的窗口方式,可以禁止用户在不关闭窗口的情况下操作父窗口。 在模态窗口中…

    JavaScript 2023年6月11日
    00
  • js判断日期时间有效性的方法

    下面就给大家详细讲解一下js判断日期时间有效性的方法。 前言 在开发web应用程序时,时间日期是一个常见的数据类型。在应用程序中,我们需要对用户输入的时间日期进行校验,以保证数据的正确性。本文将介绍如何使用js对时间日期的有效性进行判断。 方法一:正则表达式 使用正则表达式判断日期时间的有效性是一种常用且简单的方法。JS中对日期进行比较主要用到了Date对象…

    JavaScript 2023年5月28日
    00
  • countup.js实现数字动态叠加效果

    我来详细讲解一下“countup.js实现数字动态叠加效果”的完整攻略: 准备工作 首先,我们需要将countup.js引入到网页中。可以使用npm进行安装,也可以使用CDN链接进行引入。 <script src="https://cdn.jsdelivr.net/npm/countup.js@2.0.7/dist/countUp.min.j…

    JavaScript 2023年6月11日
    00
  • Javascript Global对象

    当程序运行后,JavaScript代码可以访问一个称为Global对象的对象。它是预定义的全局对象,提供许多JavaScript库中常用的工具和函数。 全局对象的属性 全局对象提供许多属性,一些常用的如下: Infinity:表示无穷大的数 NaN:表示数字类型无效时的值 undefined:表示未定义值的原始数据类型 全局对象的方法 除了属性之外,全局对象…

    JavaScript 2023年5月27日
    00
  • JavaScript面向对象知识串结(读JavaScript高级程序设计(第三版))

    JavaScript 是一门面向对象的语言,它采用基于原型链的面向对象机制,可以通过创建对象实例来实现面向对象的编程。在学习 JavaScript 面向对象知识串结的过程中,建议按照以下步骤逐一学习。 1. 理解原型及原型链 在 JavaScript 中,每个对象都有一个原型对象,原型对象也是一个对象。在对象查找成员(属性和方法)时,如果自身无法找到该成员,…

    JavaScript 2023年5月27日
    00
  • Web打印解决方案之普通报表打印功能

    现在我来详细讲解“Web打印解决方案之普通报表打印功能”的完整攻略。 一、概述 普通报表打印是指在Web页面中,将页面中显示的内容按照固定的格式进行排版,然后生成PDF文件,实现打印功能的需求。普通报表相对于复杂报表而言,通常指打印内容相对简单、排版结构较为固定的报表。 实现普通报表打印通常需要以下步骤: 根据需要打印的内容,设计报表模板; 将数据填充到报表…

    JavaScript 2023年5月28日
    00
合作推广
合作推广
分享本页
返回顶部