JavaScript数组操作函数汇总

让我来为您详细介绍 JavaScript 数组操作函数的常用方法。

JavaScript数组操作函数汇总

1. push()

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

语法:arr.push(element1, ..., elementN)

示例:

let arr = [1, 2, 3];
arr.push(4, 5);
console.log(arr); // 输出 [1, 2, 3, 4, 5]

2. pop()

作用:删除数组末尾的一个元素,并返回该元素的值。

语法:arr.pop()

示例:

let arr = [1, 2, 3];
let lastElement = arr.pop();
console.log(arr); // 输出 [1, 2]
console.log(lastElement); // 输出 3

3. shift()

作用:删除数组的第一个元素,并返回该元素的值。

语法:arr.shift()

示例:

let arr = [1, 2, 3];
let firstElement = arr.shift();
console.log(arr); // 输出 [2, 3]
console.log(firstElement); // 输出 1

4. unshift()

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

语法:arr.unshift(element1, ..., elementN)

示例:

let arr = [1, 2, 3];
arr.unshift(0, -1);
console.log(arr); // 输出 [-1, 0, 1, 2, 3]

5. concat()

作用:连接两个或多个数组,并返回一个新的数组。

语法:arr.concat(array1, array2, ..., arrayN)

示例:

let arr1 = [1, 2, 3];
let arr2 = [4, 5];
let arr3 = arr1.concat(arr2);
console.log(arr3); // 输出 [1, 2, 3, 4, 5]

6. slice()

作用:从原数组中截取指定位置的元素,不会修改原数组,并返回一个新的数组。

语法:arr.slice(start, end)

示例:

let arr = [1, 2, 3, 4, 5];
let subArr = arr.slice(2, 4);
console.log(subArr); // 输出 [3, 4]
console.log(arr); // 输出 [1, 2, 3, 4, 5]

7. splice()

作用:从原数组中删除/替换指定位置的元素,并返回被删除的元素组成的新数组。

语法:arr.splice(start, deleteCount, item1, item2, ...)

示例:

let arr = [1, 2, 3, 4, 5];
let deletedArr = arr.splice(1, 2); // 从第二个位置开始删除两个元素
console.log(deletedArr); // 输出 [2, 3]
console.log(arr); // 输出 [1, 4, 5]

arr.splice(2, 0, 'a', 'b'); // 从第三个位置开始添加两个元素
console.log(arr); // 输出 [1, 4, 'a', 'b', 5]

8. forEach()

作用:遍历数组中的每个元素,并执行指定的操作。

语法:arr.forEach(callbackFunction)

示例:

let arr = [1, 2, 3];
arr.forEach(function(element, index) {
    console.log(`第${index+1}个元素为: ${element}`);
});
// 输出:
// 第1个元素为: 1
// 第2个元素为: 2
// 第3个元素为: 3

以上就是常用的 JavaScript 数组操作函数汇总。有任何疑问,欢迎继续咨询。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JavaScript数组操作函数汇总 - Python技术站

(0)
上一篇 2023年5月27日
下一篇 2023年5月27日

相关文章

  • 被遗忘的javascript的slice() 方法

    下面我为大家讲解一下”被遗忘的JavaScript的slice() 方法”。 什么是slice()方法? slice()方法是JavaScript数组中的一个方法,用于返回一个从指定开始下标到结束下标(不包括结束下标)的子数组,并不会影响到原数组。 slice()方法的语法 array.slice(start, end) 其中start和end都是可选参数,…

    JavaScript 2023年5月27日
    00
  • javascript insertAfter()定义与用法示例

    JavaScript中的insertAfter()方法是用于在指定的节点后面插入新元素的函数。它可以帮助实现对DOM节点的动态操作,非常实用。以下是完整的介绍及示例。 insertAfter()方法的定义 以下是insertAfter()方法的定义示例(假设将其封装在一个函数中): function insertAfter(newNode, referenc…

    JavaScript 2023年5月28日
    00
  • 如何用js判断dom是否有存在某class的值

    判断DOM中是否存在某个class可以使用JavaScript来实现,具体步骤如下: 获取要判断的DOM元素. 调用DOM元素的classList属性来获取该元素的class列表. 遍历该列表,判断是否存在目标class. 根据判断结果进行相应的处理。 下面是一些示例说明: 示例1:判断DOM元素是否存在某个class。 // 获取DOM元素 var ele…

    JavaScript 2023年6月10日
    00
  • JSP中js传递和解析URL参数以及中文转码和解码问题

    JSP是一种动态网页开发技术,它可以将Java代码嵌入到HTML页面中,从而实现页面的动态生成。在JSP中,我们经常需要通过js来传递和解析URL参数,而且在传递中文参数时需要进行转码和解码,本文将为大家详细介绍如何在JSP中处理URL参数和中文编码问题。 1. 获取URL参数 在JSP中获取URL参数非常简单,只需要使用内置对象request的getPar…

    JavaScript 2023年5月19日
    00
  • JavaScript中的alert()函数使用技巧详解

    JavaScript中的alert()函数使用技巧详解 在JavaScript中,alert()函数用于弹出一个对话框,展示消息给用户。在本篇文章中,我们将详细讲解alert()函数的使用技巧。 基本用法 alert()函数是JavaScript的全局函数,调用它时无需使用任何前缀。例如: alert("Hello World!"); 上…

    JavaScript 2023年5月27日
    00
  • JavaScript 基础问答 四

    JavaScript 基础问答 四攻略 JavaScript 基础问答 四主要涉及到数组的相关知识,以下是本题的完整攻略。 1. 如何将一个多维数组进行扁平化处理? 扁平化处理是将多维数组变成一维数组的过程。可以通过循环递归的方式来实现。 function flatten(arr) { var resultArr = []; for (var i = 0; …

    JavaScript 2023年5月18日
    00
  • Jquery方式获取iframe页面中的 Dom元素

    获取 IFRAME 页面中的 DOM 元素,可以通过两种方式实现:直接获取子页面中的元素对象或通过 iframe 的 contentWindow 属性获取子页面的 window 对象,从而操作其中的 DOM 元素。以下是使用 jQuery 的方式获取 IFRAME 页面中 DOM 元素的攻略。 使用 jQuery 的方式获取 IFRAME 页面中的 DOM …

    JavaScript 2023年6月10日
    00
  • 详解JavaScript语言的基本语法要求

    详解 JavaScript 语言的基本语法要求 JavaScript 是一门具有强大功能的编程语言,它在 Web 开发中广泛使用。本文将详细介绍 JavaScript 的基本语法要求。 变量 在 JavaScript 中,创建一个变量需要使用 var 关键字。变量可以包含任何类型的数据,例如字符、数值或者布尔值,它们可以在代码的任何位置被创建。 以下是创建变…

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