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]
相关推荐
cs_dn_Jie10 分钟前
钉钉 H5 微应用 手机端调试
前端·javascript·vue.js·vue·钉钉
开心工作室_kaic44 分钟前
ssm068海鲜自助餐厅系统+vue(论文+源码)_kaic
前端·javascript·vue.js
有梦想的刺儿1 小时前
webWorker基本用法
前端·javascript·vue.js
cy玩具1 小时前
点击评论详情,跳到评论页面,携带对象参数写法:
前端
清灵xmf2 小时前
TypeScript 类型进阶指南
javascript·typescript·泛型·t·infer
小白学大数据2 小时前
JavaScript重定向对网络爬虫的影响及处理
开发语言·javascript·数据库·爬虫
qq_390161772 小时前
防抖函数--应用场景及示例
前端·javascript
334554323 小时前
element动态表头合并表格
开发语言·javascript·ecmascript
John.liu_Test3 小时前
js下载excel示例demo
前端·javascript·excel
Yaml43 小时前
智能化健身房管理:Spring Boot与Vue的创新解决方案
前端·spring boot·后端·mysql·vue·健身房管理