JS数组中常用方法技巧学会进阶成为大佬

目录
  • splice()方法
  • join()方法
  • reverse()方法
  • every()方法
  • reduce()方法
  • filter()方法
  • findIndex()方法 和find()方法
    • findIndex()
    • find()
  • forEach()方法
  • some()方法
  • indexOf（）方法
  • sort （）方法
  • push（）方法
  • pop（）方法
  • unshift（）方法
  • shift（）方法

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数组中常用方法技巧学会进阶成为大佬的详细内容，更多关于JS数组中常用方法技巧的资料请关注我们其它相关文章！

赞 (0)

相关推荐

  • JS数组求和的常用方法总结【5种方法】

    JS数组求和的常用方法总结【5种方法】

    本文实例总结了JS数组求和的常用方法.分享给大家供大家参考,具体如下: 题目描述 计算给定数组 arr 中所有元素的总和 输入描述: 数组中的元素均为 Number 类型 输入例子: sum([ 1, 2, 3, 4 ]) 输出例子: 10 方法1. 不考虑算法复杂度,用递归做: function sum(arr) { var len = arr.length; if(len == 0){ return 0; } else if (len == 1){ return arr[0]; } else

  • js中数组Array的一些常用方法总结

    var list = new Array()是我们在js中常常写到的代码,今天就总结哈Array的对象具有哪些方法. list[0] = 0; list[1] = 1; list[2] = 2; 或者这样声明:var list = [0,1,2] 1 shift()t:删除数组的第一个元素,返回删除的值.这里是0 2 unshift(3,4):把参数加载数组的前面,返回数组的长度.现在list:中是3,4,0,1,2 3pop():删除数组的最后一个元素,返回删除的值.这里是2. 4push(3

  • JS数组的常用10种方法详解

    数组在JavaScript中经常使用,如何对数组进行增删改非常重要,下面为数组的常用方法: 在数组末尾插入元素 arr.push(value),在数组的末尾添加一个或多个元素,并返回数组的新长度. 例如: let arr=[1,2,3,4,5] var longth=arr.push(6,7); console.log(arr, longth); 数组的arr的值变为arr[1,2,3,4,5,6,7]; length接收返回的是修改后数组的长度7; 删除数组末尾的元素 arr.pop()删除索

  • js数组去重的三种常用方法总结

    第一种是比较常规的方法 思路: 1.构建一个新的数组存放结果 2.for循环中每次从原数组中取出一个元素,用这个元素循环与结果数组对比 3.若结果数组中没有该元素,则存到结果数组中 复制代码 代码如下: Array.prototype.unique1 = function(){ var res = [this[0]]; for(var i = 1; i < this.length; i++){  var repeat = false;  for(var j = 0; j < res.lengt

  • JS数组中常用方法技巧学会进阶成为大佬

    目录 splice()方法 join()方法 reverse()方法 every()方法 reduce()方法 filter()方法 findIndex()方法 和find()方法 findIndex() find() forEach()方法 some()方法 indexOf()方法 sort ()方法 push()方法 pop()方法 unshift()方法 shift()方法 splice()方法 截取替换数组 第一个参数是起始位置,第二个是截取的个数,第三是替换的元素 ,返回值是截取的元素

  • JS数组去重常用方法实例小结【4种方法】

    本文实例讲述了JS数组去重常用方法.分享给大家供大家参考,具体如下: js数组去重,老生长谈,今天对其进行一番归纳,总结出来4种方法 贴入代码前 ,先对浏览器Array对象进行支持indexOf和forEach的polyfill Array.prototype.indexOf = Array.prototype.indexOf || function(item) { for (var i = 0, j = this.length; i < j; i++) { if (this[i] === it

  • JS数组中对象去重操作示例

    JS数组中对象去重操作示例

    本文实例讲述了JS数组中对象去重操作.分享给大家供大家参考,具体如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>www.jb51.net js数组中对象去重</title> </head> <body> <script> var tmp = [ { "

  • 如何高效率去掉js数组中的重复项

    如何高效率去掉js数组中的重复项

    方式一: 常规模式 1.构建一个新的临时数组存放结果 2.for循环中每次从原数组中取出一个元素,用这个元素循环与临时数组对比 3.若临时数组中没有该元素,则存到临时数组中 方式二: 使用了默认Js数组sort默认排序,是按ASCII进行排序: 若要按照升降序的排列如下:<控制台打印输出> 1.先将当前数组进行排序 2.检查当前中的第i个元素 与 临时数组中的最后一个元素是否相同,因为已经排序,所以重复元素会在相邻位置 3.如果不相同,则将该元素存入结果数组中 方式三: <推荐>利

  • js数组中删除重复值的代码小结

    js数组中去除重复值 Array.prototype.del = function() { var a = {}, c = [], l = this.length; for (var i = 0; i [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 方法二 复制代码 代码如下: //去重复数组 function unique(data){ data = data || []; var a = {}; len = data.length; for (var i=0; i<len;i++

  • js数组中去除重复值的几种方法

    在日常开发中,我们可能会遇到将一个数组中里面的重复值去除,那么,我就将我自己所学习到的几种方法分享出来 去除数组重复值方法: 1,利用indexOf()方法去除 思路:创建一个新数组,然后循环要去重的数组,然后用新数组去找要去重数组的值,如果找不到则使用.push添加到新数组,最后把新数组返回回去就行了 看不懂没关系,上代码就比较容易懂了 function fun(arr){ let newsArr = []; for (let i = 0; i < arr.length; i++) { if(

  • js数组操作常用方法

    在jquery中处理JSON数组的情况中遍历用到的比较多,但是用添加移除这些好像不是太多. 今天试过json[i].remove(),json.remove(i)之后都不行,看网页的DOM对象中好像JSON数据是以数组的形式出现的,查阅了下相关JS中数组的操作一试果然很爽. 记录下来. 1.数组的创建 复制代码 代码如下: var arrayObj = new Array(); //创建一个数组var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不

  • JS数组Array常用方法汇总+实例

    一.JavaScript中创建数组的方式 (1)使用 Array 构造函数: var arr1 = new Array(); //创建一个空数组 var arr2 = new Array(15); // 创建一个长度为15的数组 var a = new Array([15]); //指创建一个数组,长度为1,并且第一位是15 var arr3 = new Array("sf","zs","zsf"); // 创建一个包含3个字符串的数组 (2)使

  • 简单谈谈JS数组中的indexOf方法

    前言 相信说到 indexOf 大家并不陌生,判断字符串是否包涵子字符串时特别常用,正则不熟练同学的利器.这篇文章就最近遇到的一个问题,用实例再说说说indexOf方法.本文是小知识点积累,不作为深入讨论的话题,因此这里没有解释indexOf()的第二个参数,相信大家都知道第二个参数的作用. String 类型的使用 温习一下大家熟知的字符串用法,举个 let str = 'orange'; str.indexOf('o'); //0 str.indexOf('n'); //3 str.inde

  • js数组中如何随机取出一个值

    复制代码 代码如下: <html> <boby> </body> <script language="javascript"> window.onload = function(){ var arr = ["太阳光大.父母恩大.君子量大.小人气大","成功是优点的发挥,失败是缺点的累积","不要小看自己,因为人有无限的可能", "口说好话.心想好意.身行好事"

随机推荐