这篇文章给大家分享的是“JS中的数组方法有哪些，基本用法是什么”，对大家学习和理解有一定的参考价值和帮助，有这方面学习需要的朋友，接下来就跟随小编一起学习一下吧。

splice()方法

截取替换数组

第一个参数是起始位置，第二个是截取的个数，第三是替换的元素 ，返回值是截取的元素，原数组是剩余的元素。

join()方法

数组转字符串

（）里的是以什么来连接，如果输入空字符串join('')则直接拼接不分割

例如：

let aaa = [1,2,3]
let bbb = aaa.join('-')  
let ccc = aaa.join('0')  
console.log(bbb) // '1-2-3'
console.log(ccc) //'10203'

reverse()方法

翻转数组

arr.reverse() 翻转数组，返回值是翻转好的数组

every()方法

查找数组不符合条件的

遍历检测数组的每一项 如果有一项不符合你定义的条件 则返回false 剩余的不再执行 ，只有每一项都符合条件 才返回true

第一个参数是数组的每一项，第二个是索引 第三个是当前数组

例：

arr:[121,3322,3215,3549,6899,46456]
arr.every(function(item,index,array){
    return item>2000  //检测数组的每一个值是否大于2000
})	//结果是false 除非数组每个值都大于2000 才是true

reduce()方法

求累加的值

可以将前面数组项遍历产生的结果与当前遍历项进行运算

第一个参数是 累计器(保存第二个值返回回来的结果）prev

第二个值是当前正在处理的值（遍历数组重头到尾）cur

第三个索引 index

第四个当前数组 arr

第五个 初始值 （函数后面）init

例：

var arr = [3,9,4,3,6,0,9];
var sum = arr.reduce(function (prev, cur) {
    return prev + cur;
},0);//由于初始值是0 也就是prev刚开始的值是0  索以运算起来就是  0+3=3  3+9=12  12+4=16 .... 每次得到的结果都会被prev存储进行下一次运算 这就是最简单的reduce求和

filter()方法

遍历并筛选数组

第一个参数是数组的每一项，第二个是索引 第三个是当前数组

它会遍历数组 按你定义的条件筛选你定义的条件 并且返回一个新数组，新数组里装着所有满足条件的元素

例：

var arr=[1,3,5,7,8]
var sum = arr.filter(function(value,index,arr){
    return value >3  //筛选arr数值中 大于3的元素 
})
console.log(sum) //返回的值是[5,7,8]

findIndex()方法 和find()方法

findIndex()

找出第一个满足条件的数组成员的索引 找不到返回-1

对于空数组，函数是不会执行的并没有改变数组的原始值。

find()

find()函数用来查找目标元素，找到就返回该元素，找不到返回undefined

查找函数有三个参数：

value：每一次迭代查找的数组元素。

index：每一次迭代查找的数组元素索引。

arr：被查找的数组。

forEach()方法

遍历循环数组
第一个值是每个参数
第二个值是索引
第三个是数组本身
多用于遍历数组里的元素

arr:[1,2,3]
arr.forEach(function(item,index,array){
console.log(item) //1,2,3
})

some()方法

检测数组中的元素是否满足条件，用于查找唯一的值 返回true 或false

var a = arr.some(function(item,index,array){
return item>3  //检测是否有大于3的元素，有则返回true，没有则返回false
})

只要找到一个满足条件的元素则终止循环 在some里面 遇到了return trun 就会终止循环

indexOf（）方法

查找数组是否存在某个元素，返回下标。返回在数组中可以找到一个给定元素的第一个索引，如果不存在，则返回-1。
参数
第一个参数(必须):被查找的元素
第二个(可选):开始查找的位置(不能大于等于数组的长度，返回-1)，接受负值，默认值为0。
严格相等的搜索:
数组的indexOf搜索跟字符串的indexOf不一样,数组的indexOf使用严格相等===搜索元素，即数组元素要完全匹配才能搜索成功。

sort （）方法

参数可选: 规定排序顺序的比较函数。
默认情况下sort()方法没有传比较函数的话，默认按字母升序，如果元素不是字符串的话，会调用toString()方法将元素转化为字符串的Unicode(万国码)位点，然后再比较字符。

// 字符串排列 首字母
var a = ["Banana", "Orange", "Apple", "Mango"];
a.sort(); // ["Apple","Banana","Mango","Orange"]
// 数字排序的时候 因为转换成Unicode字符串之后，有些数字会比较大会排在后面
var a = [10, 1, 3, 20,25,8];
console.log(a.sort()) // [1,10,20,25,3,8];

push（）方法

push 向数组末尾添加新元素(可一次性添加多个)
返回值:新数组的length （长度）

const aa = [1,2,3]
aa.push(5,6)
console.log(aa) // [1,2,3,5,6]

pop（）方法

尾部删除一个 返回值是被删除的元素

unshift（）方法

头部添加， 返回值是数组长度

shift（）方法

头部删除元素 返回值:被删除的元素

关于“JS中的数组方法有哪些，基本用法是什么”就介绍到这了，如果大家觉得不错可以参考了解看看，如果想要了解更多，欢迎关注群英网络，小编每天都会为大家更新不同的知识。

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• JS中this指向怎样理解？一文带你看懂

  这篇文章给大家分享的是JS中this指向问题，this关键字是JavaScript学习中非常重要的语法点，因此本文就给大家来介绍一下，下文有很详细的介绍，有需要的朋友可以参考，接下来就跟随小编来一起学习一下吧！

• vue项目中怎样进行rem替换px的操作？

  vue项目中怎样进行rem替换px的操作？rem和px都是针对字体大小的，一些朋友对于rem和px的替换比较好奇，下面小编就给大家分享rem替换px的实例，有需要的朋友借鉴参考，下面我们一起来看一看吧。

• Vue实时获取天气的功能怎样实现？

  今天给大家分享的是用Vue怎样实现实时获取天气的功能，而在在 vue 中，我们可以利用webSocket来做一个简单的天气实时更新，下文是实现效果及示例，感兴趣的朋友就继续往下看吧。

• Vue怎样进行服务端渲染，操作过程是什么

  这篇文章主要介绍了Vue 服务端渲染SSR示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪

• 用JavaScript怎样做点击显示隐藏的效果？

  用JavaScript怎样做点击显示隐藏的效果？点击显示或者点击隐藏效果的应用场景有很多，例如导航菜单，图片展示等等，因此本文就给大家分享一下如何实现简单的点击显示隐藏，实现效果及代码如下：