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]
相关推荐
泯泷17 小时前
手搓JSVM第 12 篇:完整最小 JSVM 实现与源码设计复盘
前端·javascript·前端框架
默_笙17 小时前
🍔 给 AI 发一张结构化表格(下):从"自由发挥"到"按格填空"的输出驯服指南
前端·javascript
泯泷17 小时前
手搓JSVM第 11 篇:打包、模块与 CLI:把 VM 产物变成可运行文件
前端·javascript·前端框架
泯泷17 小时前
手搓JSVM第 10 篇:对象、数组与属性访问
前端·javascript·前端框架
泯泷17 小时前
手搓JSVM第 9 篇:闭包:函数如何记住外部变量
前端·javascript·前端框架
晴天1618 小时前
前端 SSR、BFF 原理介绍
前端·javascript·网络·html
全栈技术负责人18 小时前
AI 效能工具建设:Agent 可观测性技能技术方案与实践
前端·ai·ai编程
梦想平凡18 小时前
百游棋牌源代码开发搭建教程(一):全端工程结构、开发环境配置与首次启动验证
前端·javascript·源代码管理
妙码生花19 小时前
两个月 59 篇 AI 开发日志 + Golang 商业级实战项目收工后,得来的 AI 使用心法-上
前端·后端·gin
vx-Biye_Design19 小时前
springboot中国传统节日宣传平台49078-计算机课程设计、毕业设计
java·前端·vue.js·spring boot·后端·课程设计·idea