谈谈JavaScript数组常用方法总结_网络技术_宿州市腾雀网络科技有限公司

谈谈JavaScript数组常用方法总结

发布时间 - 2026-01-10 22:47:11 点击率：次

在JavaScript中，我们需要时常对数组进行操作，现在特将常用方法总结如下：

1.增加数据

在JavaScript为数组增加数据主要分为两种方式。

从数组末尾增加内容：push方法

从数组的前端增加内容：unshift方法

这两种方法的返回值都是数组的长度

var arr=[1,2,3]; 
//从末尾增加 
arr.push(4); 
console.log(arr);//[1,2,3,4] 
 
//从前端增加 
arr.unshift(0); 
console.log(arr);//[0,1,2,3,4]

2.删除数据

和增加数据一样，删除数据和主要分为两种方式。

从数组末尾增加内容：pop方法

从数组的前端增加内容：shift方法

这两种方法的返回值都是删除的数据

var arr=[1,2,3]; 
//从末尾删除 
arr.pop(); 
console.log(arr);//[1,2] 
 
//从前端删除 
arr.unshift(); 
console.log(arr);//[2]

3.从指定位置删除和增加数据

splice(startIndex,deleteCount,addValue1,addValue2...):从数组的startIndex位置开始,删除deleteCount个数据，然后在插入addValue1,addValue2等,返回值是被删除的数组所组成的数组。

var arr=[1,2,3,4,5]; 
var deleteArr=arr.splice(1,2,8,9); 
 
console.log(deleteArr);//[2,3] 
console.log(arr);//[1,8,9,4,5]

从上面所知，数组的删除方法返回的都是被删除的内容，增加的方法返回的都是数组改变后的长度。

4.反序数组

reverse():将数组内容逆序。

var arr=[1,2,3]; 
arr.reverse(); 
console.log(arr);//[3,2,1]

5.将数组内容组成一个有特定分隔符的字符串

join(seperator):将数组内容组成一个字符串，内容以seperator分隔

var arr=[1,2,3]; 
arr.join(','); 
console.log(arr);//1,2,3

6.合并两个数组

concat():合并数组并返回一个新的数组，不影响原有数组。

var arr1=[1,2,3]; 
var arr2=[4,5,6]; 
 
var newArr=arr1.concat(arr2); 
 
console.log(arr1);//[1,2,3] 
console.log(arr2);//[4,5,6] 
console.log(newArr);//[1,2,3,4,5,6]

7.数组排序

sort():默认将数组进行数字或字母进行升序排序，但也可以自定义降序排序

var arr=[3,5,1]; 
 
arr.sort(); 
 
console.log(arr);//[1,3,5]; 
 
//指定降序 
var arr1=[4,2,7]; 
arr1.sort(function(a,b){ 
  return b-a; 
}) 
console.log(arr1);//[7,4,2]

8.截取子数组

slice(startIndex,endIndex):截取数组中从startIndex到endIndex之间的内容，不包括endIndex所在位置的内容组成一个新的数组

var arr=[1,2,3,4,5,6]; 
 
var newArr=arr.slice(1,3); 
 
console.log(arr);//[1,2,3,4,5,6] 
console.log(newArr);//[2,3]

9.判断给定数据在数组中的位置

indexOf(data):该方法返回data在该数组中所在的第一个元素位置，如果没有找到就返回-1

var arr=[1,2,3]; 
 
var loc=arr.indexOf(1); 
console.log(loc);//0 
 
var newLoc=arr.indexOf(4); 
console.log(newLoc);//-1

10.迭代器

数组的迭代器方法很多。

a.普通的遍历数组：forEach(function(value,index,arr){}),其中index是索引，value是值，arr就是数组本身

var arr=[1,2,3]; 
 
//index是索引，value是值 
arr.forEach(function(value,index,arr){ 
   console.log(''index:"+index+" "+"value:"+value) 
})

b.过滤数组：filter(),根据过滤条件过滤数组，但不会改变原有数组

var arr=[1,2,3,4]; 
 
//返回数组中大于2的内容 
var newArr=arr.filter(function(item){ 
  return item>2; 
}) 
 
console.log(arr);//[1,2,3,4] 
console.log(newArr);//[3,4]

c.映射数组：map(),对数组每个元素进行一定映射后，返回一个新数组，不会改变原有数组

var arr=[1,2,3,4]; 
 
//将数组每个值扩大一倍 
var newArr=arr.map(function(item){ 
  return item*2; 
}); 
 
console.log(arr);//[1,2,3,4] 
console.log(newArr);//[2,4,6,8]

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# javascript # 数组方法 # 数组 # javascript数组的方法 # js数组循环遍历数组内所有元素的方法 # js数组与字符串的相互转换方法 # js二维数组定义和初始化的三种方法总结 # JS解析json数据并将json字符串转化为数组的实现方法 # JQuery遍历json数组的3种方法 # js数组去重的常用方法总结 # JS合并数组的几种方法及优劣比较 # javascript进行数组追加方法小结 # javascript 三种数组复制方法的性能对比 # js 删除数组的几种方法小结 # JS判断数组中是否有重复值得三种实用方法 # js中数组Array的一些常用方法总结 # 都是 # 组中 # 两种 # 返回值 # 这两种 # 升序 # 迭代 # 降序 # 第一个 # 遍历 # 但也 # 如果没有 # 自定义 # 一倍 # 不包括 # 大家多多 # 分隔符 # 反序 # log # deleteCount

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：云主机建站后，如何对服务器进行日常管理和维护？

下一篇：JavaScript如何实现代码压缩_JavaScript如

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：云主机建站后，如何对服务器进行日常管理和维护？

下一篇：JavaScript如何实现代码压缩_JavaScript如