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为字符串的分隔符。


相关文章
|
4天前
|
存储 JavaScript 前端开发
JS 数组操作的利器:splice() 和 slice() 方法详解
JS 数组操作的利器:splice() 和 slice() 方法详解
32 0
|
4天前
|
前端开发 JavaScript 索引
20个常见的JavaScript数组操作
20个常见的JavaScript数组操作
|
4天前
|
存储 前端开发 JavaScript
前端最常见的JS数组操作方法大全
【4月更文挑战第3天】前端最常见的JS数组操作方法大全
24 5
|
4天前
|
JavaScript 前端开发 Java
JavaScript数组操作示例及对象操作技巧
今天针对javascript的数组的一些常见操作进行一些讲解,希望对给为开发者有帮助。 先看下面常见的三种循环。
|
9月前
|
JavaScript Python
详解js数组操作——filter()方法
详解js数组操作——filter()方法
113 0
|
JavaScript 前端开发
Javascript数组操作
Javascript数组操作
|
存储 JavaScript 前端开发
JavaScript 数组操作必须熟练运用的10个方法
JavaScript 提供了大量不同的处理数组的方法,这里花几分钟时间介绍 10 个项目中可以用到的数组方法。
126 0
|
JavaScript
js数组操作大全
js数组操作大全(pop,push,unshift,splice,shift方法详解)
98 0
|
JavaScript 前端开发 索引
javascript 数组操作方法--《前端那些事》
细数JavaScript数组操作方法,轻松掌握数组操作
226 0