js数组操作大全

简介: js数组操作大全
  1. 创建数组:
  • 使用数组字面量:let arr = []
  • 使用new关键字和Array构造函数:let arr = new Array()

访问和修改数组元素:

  • 通过索引访问和修改元素:arr[index]
  • 使用数组的方法:
  • 获取数组的长度:arr.length
  • 通过索引删除元素:arr.splice(index, 1)
  • 在数组末尾添加元素:arr.push(element)
  • 在数组开头添加元素:arr.unshift(element)
  • 删除数组末尾的元素:arr.pop()
  • 删除数组开头的元素:arr.shift()
  • 替换特定位置的元素:arr.splice(index, 1, element)

数组的遍历:

  • 使用for循环:for (let i = 0; i < arr.length; i++) {}
  • 使用forEach方法:arr.forEach(function(element) {})
  • 使用for...of循环:for (let element of arr) {}

数组的操作:

  • 数组合并:let newArray = arr1.concat(arr2)
  • 数组的截取和拼接:arr.slice(startIndex, endIndex)arr.splice(startIndex, deleteCount, element1, element2)
  • 数组排序:arr.sort(),默认是按照Unicode码点进行排序。
  • 数组反转:arr.reverse()
  • 数组去重:let uniqueArray = [...new Set(arr)]
  • 数组的查找:
  • 使用indexOf方法:arr.indexOf(element)
  • 使用find方法:arr.find(function(element) {})

数组的转换:

  • 数组转换为字符串:arr.join(separator),默认使用逗号作为分隔符。
  • 字符串转换为数组:let newArray = str.split(separator),其中separator为字符串的分隔符。


相关文章
|
6月前
|
存储 JavaScript 前端开发
JS 数组操作的利器:splice() 和 slice() 方法详解
JS 数组操作的利器:splice() 和 slice() 方法详解
130 0
|
5月前
|
JavaScript 前端开发 索引
JavaScript基础-数组操作:增删改查
【6月更文挑战第11天】本文介绍了JavaScript数组的增删改查操作,包括查询(索引访问、indexOf、lastIndexOf、includes)、修改(直接赋值、splice)、添加(push、unshift、splice)和删除(pop、shift、splice)。同时,文章列举了三个易错点:数组越界、splice参数理解不清及修改原数组与返回值混淆,并提供了相应的避免策略。通过代码示例展示了各种操作的用法,强调理解方法特性和实践的重要性,以提升数组操作效率。
60 2
|
4月前
|
JavaScript
JS数组操作---删除,arr.pop()方法从数组中删除最后一个元素,并返回该元素的值,arr.shift() 删除第一个值,arr.splice()方法,删除指定元素,arr.splice,从第一
JS数组操作---删除,arr.pop()方法从数组中删除最后一个元素,并返回该元素的值,arr.shift() 删除第一个值,arr.splice()方法,删除指定元素,arr.splice,从第一
|
6月前
|
前端开发 JavaScript 索引
20个常见的JavaScript数组操作
20个常见的JavaScript数组操作
|
6月前
|
存储 前端开发 JavaScript
前端最常见的JS数组操作方法大全
【4月更文挑战第3天】前端最常见的JS数组操作方法大全
61 5
|
6月前
|
JavaScript 前端开发 Java
JavaScript数组操作示例及对象操作技巧
今天针对javascript的数组的一些常见操作进行一些讲解,希望对给为开发者有帮助。 先看下面常见的三种循环。
|
JavaScript Python
详解js数组操作——filter()方法
详解js数组操作——filter()方法
166 0
|
JavaScript 前端开发
Javascript数组操作
Javascript数组操作
|
存储 JavaScript 前端开发
JavaScript 数组操作必须熟练运用的10个方法
JavaScript 提供了大量不同的处理数组的方法,这里花几分钟时间介绍 10 个项目中可以用到的数组方法。
148 0
|
JavaScript
js数组操作大全
js数组操作大全(pop,push,unshift,splice,shift方法详解)
115 0