JS中数组的常用方法

  • concat() 连接两个或更多的数组,并返回结果。
javascript 复制代码
let array1 = [1, 2, 3];  
let array2 = [4, 5, 6];  
let concatenatedArray = array1.concat(array2);  
console.log(concatenatedArray); // [1, 2, 3, 4, 5, 6]
  • join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
javascript 复制代码
let array = ['apple', 'banana', 'cherry'];  
let joinedString = array.join(', '); // 使用逗号和空格连接  
console.log(joinedString); // "apple, banana, cherry"
  • pop() 删除并返回数组的最后一个元素。
javascript 复制代码
let array = [1, 2, 3];  
let lastElement = array.pop(); // 删除最后一个元素  
console.log(array); // [1, 2]  
console.log(lastElement); // 3
  • shift() 删除并返回数组的第一个元素
javascript 复制代码
let array = [1, 2, 3];  
let firstElement = array.shift(); // 删除第一个元素  
console.log(array); // [2, 3]  
console.log(firstElement); // 1
  • push() 向数组的末尾添加一个或更多元素,并返回新的长度。
javascript 复制代码
let array = [1, 2, 3];  
array.push(4); // 添加单个元素  
console.log(array); // [1, 2, 3, 4]  
 
array.push(5, 6); // 添加多个元素  
console.log(array); // [1, 2, 3, 4, 5, 6]
  • unshift() 向数组的开头添加一个或更多元素,并返回新的长度。
javascript 复制代码
let array = [1, 2, 3];  
array.unshift(0); // 添加单个元素  
console.log(array); // [0, 1, 2, 3]  
 
array.unshift(-2, -1); // 添加多个元素  
console.log(array); // [-2, -1, 0, 1, 2, 3]
  • reverse() 颠倒数组中元素的顺序。
javascript 复制代码
let array = [1, 2, 3, 4, 5];  
array.reverse();  
console.log(array); // [5, 4, 3, 2, 1]
  • reduce() 对数组中的每个元素执行一个由您提供的reducer函数(升序执行),将其结果汇总为单个返回值
javascript 复制代码
let array = [1, 2, 3, 4, 5];  
let sum = array.reduce((accumulator, currentValue) => accumulator + currentValue, 0);  
console.log(sum); // 15 (1+2+3+4+5)
  • sort() 对数组的元素进行排序
javascript 复制代码
let array = [5, 2, 9, 1, 5, 6];  
array.sort((a, b) => a - b); // 升序排序  
console.log(array); // [1, 2, 5, 5, 6, 9]
  • slice() 从某个已有的数组返回选定的元素
javascript 复制代码
let array = [1, 2, 3, 4, 5];  
let slicedArray = array.slice(1, 3); // 从索引1开始到索引2(不包括)结束  
console.log(slicedArray); // [2, 3]
  • splice() 删除元素,并向数组添加新元素。
javascript 复制代码
let array = [1, 2, 3, 4, 5];  
let removed = array.splice(2, 0, 'a', 'b'); // 从索引2开始,删除0个元素,并添加'a'和'b'  
console.log(array); // [1, 2, 'a', 'b', 3, 4, 5]  
console.log(removed); // [](因为没有元素被删除)  
 
removed = array.splice(2, 2); // 从索引2开始,删除2个元素  
console.log(array); // [1, 2, 3, 4, 5]  
console.log(removed); // ['a', 'b']
  • toString() 把数组转换为字符串,并返回结果。
javascript 复制代码
let array = [1, 2, 3];  
console.log(array.toString()); // "1,2,3"
  • toLocaleString() 把数组转换为本地数组,并返回结果。
javascript 复制代码
let array = [123456.789, -123456.789];  
console.log(array.toLocaleString()); // 根据本地环境格式化数字,例如 "123,456.789, -123,456.789"
  • toSource() 返回该对象的源代码。
javascript 复制代码
let array = [1, 2, 3];  
console.log(array.toSource()); // 输出数组的源代码,但这个方法在某些现代浏览器中可能不受支持
  • valueOf() 返回数组对象的原始值
javascript 复制代码
let array = [1, 2, 3];  
console.log(array.valueOf()); // [1, 2, 3]
相关推荐
Yvonne爱编码2 小时前
后端编程开发路径:从入门到精通的系统性探索
java·前端·后端·python·sql·go
GIS之路3 小时前
GDAL 读取遥感影像数据
前端
wow_DG3 小时前
【Vue2 ✨】Vue2 入门之旅 · 进阶篇(九):Vue2 性能优化
javascript·vue.js·性能优化
IT_陈寒4 小时前
Spring Boot 3.2 新特性全解析:这5个性能优化点让你的应用提速50%!
前端·人工智能·后端
携欢4 小时前
PortSwigger靶场之Stored DOM XSS通关秘籍
前端·xss
GDAL4 小时前
Knockout-ES5 入门教程
javascript·knockout
正义的大古4 小时前
OpenLayers数据源集成 -- 章节八:天地图集成详解
开发语言·javascript·ecmascript·openlayers
LDM>W<4 小时前
Electron下载失败
前端·javascript·electron
EndingCoder4 小时前
Electron 新特性:2025 版本更新解读
前端·javascript·缓存·electron·前端框架·node.js·桌面端
BillKu4 小时前
Vue3 中使用 DOMPurify 对渲染动态 HTML 进行安全净化处理
前端·安全·html