javascript数组常用方法汇总

JavaScript数组常用方法汇总

本文介绍了JavaScript中数组常用的方法,包括:push、pop、shift、unshift、concat、slice、splice、indexOf、lastIndexOf、join、toString、reverse、sort、filter、map、reduce。以下是每个方法的详细说明:

push

push()方法向数组的末尾添加一个或多个元素,并返回新的长度。例如,对于以下代码:

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

pop

pop()方法从数组的末尾移除一个元素,并返回该元素的值。例如,对于以下代码:

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

shift

shift()方法从数组的开头移除一个元素,并返回该元素的值。例如,对于以下代码:

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

unshift

unshift()方法向数组的开头添加一个或多个元素,并返回新的长度。例如,对于以下代码:

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

concat

concat()方法用于连接两个或多个数组,并返回一个新数组。例如,对于以下代码:

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

slice

slice()方法从已有的数组中返回选定的元素,并创建一个新数组。例如,对于以下代码:

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

splice

splice()方法向/从数组中添加/删除项目,然后返回被删除的项目。例如,对于以下代码:

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

arr.splice(1,0,6,7);
console.log(arr);             // [1,6,7,2,4,5]

indexOf

indexOf()方法可返回某个指定的字符串值在数组中首次出现的位置。如果数组中不存在该值,则返回 -1。例如,对于以下代码:

let arr = [1,2,3,2,1];
let index = arr.indexOf(2);
console.log(index);   // 1

index = arr.indexOf(4);
console.log(index);   // -1

lastIndexOf

lastIndexOf()方法可返回某个指定的字符串值在数组中最后出现的位置。如果数组中不存在该值,则返回 -1。例如,对于以下代码:

let arr = [1,2,3,2,1];
let index = arr.lastIndexOf(2);
console.log(index);   // 3

index = arr.lastIndexOf(4);
console.log(index);   // -1

join

join()方法将数组中的所有元素转换为一个字符串。元素通过指定的分隔符进行分隔。例如,对于以下代码:

let arr = [1,2,3];
let str = arr.join('-');
console.log(str);     // '1-2-3'

toString

toString()方法将数组转换为一个字符串。数组中的元素将被转换为字符串并用逗号分隔。例如,对于以下代码:

let arr = [1,2,3];
let str = arr.toString();
console.log(str);     // '1,2,3'

reverse

reverse()方法用于反转数组中的元素顺序。例如,对于以下代码:

let arr = [1,2,3];
arr.reverse();
console.log(arr);     // [3,2,1]

sort

sort()方法将数组中的元素排序。默认排序顺序为按照字符串Unicode码点升序排列。例如,对于以下代码:

let arr = [3,1,2];
arr.sort();
console.log(arr);     // [1,2,3]

filter

filter()方法创建一个新数组,其中包含所有通过指定函数测试的元素。例如,对于以下代码:

let arr = [1,2,3,4,5];
let filteredArr = arr.filter(item => item > 2);
console.log(filteredArr);   // [3,4,5]

map

map()方法创建一个新数组,其结果是对原数组中的每个元素进行一次指定函数的处理后的值。例如,对于以下代码:

let arr = [1,2,3];
let mappedArr = arr.map(item => item * 2);
console.log(mappedArr);   // [2,4,6]

reduce

reduce()方法对数组中的所有元素执行一个指定的操作,并将其结果累加到一个总和中。例如,对于以下代码:

let arr = [1,2,3];
let sum = arr.reduce((accumulator, item) => accumulator + item, 0);
console.log(sum);     // 6

以上就是JavaScript数组常用方法的汇总。通过本文,相信大家对JavaScript中数组的相关方法都有所了解。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:javascript数组常用方法汇总 - Python技术站

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

相关文章

  • PWA介绍及快速上手搭建一个PWA应用的方法

    PWA(Progressive Web App)是一种新型的WEB应用程序模型,它融合了 Web 和 Native 应用的优势。在移动端可更好的解决应用安装、流量消耗、离线访问、消息推送等问题,能够将您的网站变成一个类似于原生移动应用的东西。 本文将介绍PWA的相关知识,并提供快速上手的搭建PWA应用的方法。 PWA介绍 PWA其实是一种思路,而不是某个具体…

    JavaScript 2023年6月10日
    00
  • C#多线程数组模拟socket

    C#多线程数组模拟socket是一种基于多线程的应用程序员技术,它可以模拟网络应用程序在网络上的传输过程。以下是详细的攻略。 1. 创建数组 首先,我们需要创建一个数组来存储模拟的socket数据。在C#中,创建数组可以使用以下代码: byte[] data = new byte[1024]; 这里我们创建了一个长度为1024的byte数组,用于存储sock…

    JavaScript 2023年5月28日
    00
  • Asp.net中使用DapperExtensions和反射来实现一个通用搜索

    下面是关于Asp.net中使用DapperExtensions和反射来实现一个通用搜索的详细攻略。 简介 DapperExtensions是一个用于扩展Dapper ORM的库,它可以方便地进行一些高级查询操作。通常情况下,我们需要编写大量的重复代码来实现这些查询操作。而DapperExtensions就是为了解决这些问题而生的。在本篇文章中,我们将通过Da…

    JavaScript 2023年6月11日
    00
  • 21个值得收藏的Javascript技巧

    下面就是“21个值得收藏的Javascript技巧”的完整攻略。 1. 使用变量解构(destructuring)来简化你的代码 解构可以让你从一个数据结构中将数据提取到单独的变量中,从而简化你的代码。示例: const obj = { a: 1, b: 2, c: 3 }; // 使用解构简化代码 const { a, b } = obj; console…

    JavaScript 2023年5月18日
    00
  • JavaScript函数柯里化详解

    JavaScript函数柯里化详解 函数柯里化是一种常见的函数变换技术,通过对函数进行柯里化,可以使得这个函数更加灵活和具有复用性。本文将对JavaScript函数柯里化进行详细的讲解。 什么是函数柯里化 函数柯里化(Currying)是指将一个多参数函数转换为一系列单参数函数的技术,每个单参数函数都是原函数的一个变换。例如,将一个接受三个参数的函数f,转换…

    JavaScript 2023年5月27日
    00
  • JavaScript split()使用方法与示例

    当我们需要将一个字符串按照指定分隔符进行拆分时,JavaScript的split()方法便可以派上用场。下面我们来详细讲解如何使用split()方法。 split()方法的基本语法 stringObject.split(separator,limit) 参数说明: separator:必需。规定分隔符。可以是字符串或者一个正则表达式。如果忽略该参数则返回单独…

    JavaScript 2023年5月28日
    00
  • JS 实现获取验证码 倒计时功能

    获取验证码倒计时功能在网页中使用得非常广泛,下面我将介绍JS如何实现这个功能,主要分为两个步骤:发送验证码请求和倒计时显示。 发送验证码请求 一般情况下,获取验证码的请求会发送给后端,后端会去生成验证码并发送给前端。前端只要在发送请求时携带相应的参数即可,下面是一个使用AJAX发送验证码请求的示例: // 获取验证码按钮点击事件 $(‘#get-verify…

    JavaScript 2023年6月11日
    00
  • 一文读懂ES7中的javascript修饰器

    一文读懂ES7中的JavaScript修饰器 什么是修饰器 JavaScript修饰器是一种表达式,用于修改类的行为。修饰器通常是一个函数,接收一个类作为参数,然后返回一个包含被修饰后的类的新类。修饰器可以用来修改类的属性、方法或者整个类的行为。 在ES7中,修饰器已经成为了官方规范的一部分,被纳入了JS标准中。可以通过在类、属性或方法前面添加@修饰器名称的…

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