Javascript数组常用方法你都知道吗

我用这些方法主要从五个方面去学习。

1.方法是干什么的。

2.谁能用 (当然是数组啦)。

3.有没有返回值，返回值是什么。

4.修不修改原来的对象。

5.如何使用。

接下来就是干货了。

1.push 向数组内添加一个或多个元素，添加到数组的最后面，方法返回值是新数组的长度。

arr.push(200)
arr.push(200,2,32)

2.pop 删除数组末尾的一个元素，不需要传参，方法返回值是被删除的元素 。

arr.pop()

3.unshift 向数组中添加一个或多个元素，添加到最前面，返回值是新数组的长度。

arr.unshift(1)arr.unshift(1,2)arr.unshift(1)
arr.unshift(1,2)

4.shift 删除数组最前面的一个元素 返回值是被删除的元素。

arr.shift()

5. concat 拼接两个数组，返回拼接后的数组，原数组不变。

let arr1 = [1,2]
let arr2 = [2,3]
arr1.concat(arr2)
console.log(arr1); // [1,2]
console.log(arr1.concat(arr2)); // [1,2,2,3]

6. reverse 数组颠倒，返回颠倒后的数组，原数组改变。

arr.reverse()

7.slice 数组的截取，包括开头，不包括结尾，返回截取后的数组，原数组不变。

let arr = [1,2,3,4,5,6]
// 填两个参数 a,b 从a截取到b 不包括b
// 填一个参数 a 从a截取到末尾
// 不填参数 从0截取到最后
//截取arr 里面的 3-5 也就是数组下标2-4 但是第二个参数不包括 所以就是 2-5
arr.slice(2,5)

8.splice 数组的添加或者删除，返回被删除的元素组成的数组，原数组改变。

//用法 splice(a,b,c)
//a 表示添加或者删除的开始的下标
//b 表示删除的个数 不想删除只想添加 b写成0
//c 表示添加的元素 添加的元素可以是多个 c,d,e 不添加就不用写c
var arr = [1,2,3,4,5,6]
// 把4删除 换成10
arr.splice(3,1,10)

9.join 将数组内的所有元素以某个值进行字符串拼接，默认是以 , 拼接。返回值是拼接的字符串，原数组不变。

let arr = [1,2,3,4,5,6]
arr.join()
arr.join('-')

10.indexOf 检测数组中是否存在某个元素 ，存在的话返回第一次找到的下标，不存在返回 -1，原数组不变。

let arr = [1,2,3,4,5,6]
let ind = arr.indexOf(5)

11.lastIndexOf 和 indexOf用法一样，从数组后面开始找。

12.includes 检测数组中是否存在某个元素 存在返回 true 不出在返回false 用法和indexOf一样。

13.sort 对数组进行排序，返回排序后的数组，原数组改变。

// 汉字看笔画 英文字母看因为字母顺序
// 默认排序是按照首字符的顺序开始排序的
let arr = [2,3,5,4,9,6]
arr.sort()
//sort可以写函数
// a,b 代表的就是数组中相邻的两个数
// 从小到大排
arr.sort(function(a,b){
    return a - b
})

14.every 检测数组内的所有元素是否满足某个条件， 有一个必须参数，返回值是布尔值。

let arr = [100,15,50,110]
let myarr = arr.every(function(el){
    return el>14
})
console.log(myarr) //true

15.some 检测数组内是否有元素满足某个条件，有一个必须参数，返回值是布尔值。

var arr = [100,15,50,110]
var myarr1 = arr.some(function(el){
      return el>100
})
console.log(myarr1) //true

16.find 返回数组中匹配的 第一个元素 的值，没有返回 undefined，有一个必须参数。

var arr = [100,15,50,110]
var myarr2 = arr.find(function(el){
      return el > 10
})
console.log(myarr2) // 100

17.findIndex 方法同find 返回值是对应的索引值。

18.filter 返回符合条件的元素形成一个新数组 ，返回值是一个数组

var arr = [100,15,8,50,110]
var myarr3 = arr.filter(function(el){
      return el<18
})
console.log(myarr3) //[15,8]

19.map 创建一个数组，该数组中每个元素是调用过函数之后返回的值。

var arr = [100,15,8,50,110]
var arr5 = arr.map(function(el){
    return el*1+5
})
console.log(arr5); //[105, 20, 13, 55, 115]

20.reduce 用这个方法可以实现以上的所有方法 比如数组内数累加，返回值是单个数

// reduce(函数,最终结果的初始值)
// 每次遍历的函数，有四个参，每次查询数组的元素时执行的函数
// function(res,ele,index,array)
// res 结果变量
// ele 数组内元素
// index 对应的索引
// array 原数组
// 必须设置返回值，上一次返回的值是res的值，最后返回值是最终结果，也是reduce函数的返回值。
let arr = [100,15,8,50,110]
// res 是自己创的累加器 ele是当前值
let total = arr.reduce(function(res,ele){
    return res + ele
},0)

总结

本篇文章就到这里了，希望能够给你带来帮助，也希望您能够多多关注我们的更多内容!

赞 (0)

相关推荐

  • JS一维数组转化为三维数组方法

    JS一维数组转化为三维数组方法

    有人提问想要将一维数组转化为三位数组的需求,下面就给提问的的小伙伴安排上 下面是后端同学返给我们的一维数组数据格式:     [{       '品牌': 'xiaomi', '机型': '10', '配置': '512'     },     {       '品牌': 'xiaomi', '机型': '10', '配置': '128'     },     {       '品牌': 'xiaomi', '机型': '11', '配置': '128'     },     {       '

  • 一起来了解javascript数组的方法

    目录 1.push 2.pop 3.unshift() 4.shift() 5.concat() 6.reverse() 7.sort( ) 8.join() 9.slice() 10.splice() 总结 1.push 在数组末尾添加一个或者多个元素 var arr = [1,2,3,4]; arr.push(5); console.log(arr);// [1, 2, 3, 4, 5] arr.push(6,7); console.log(arr);//[1, 2, 3, 4, 5, 6,

  • javascript数组里的27个方法总合详解

    目录 1.concat() 2.copyWithin() 3.Object.entries() 4.every() 5.fill() 6.filter() 7.find()和findIndex() 8.forEach() 9.from() 10.includes() 11.indexOf()和lastIndexOf() 12.isArray() 13.join() 14.keys() 15.map() 16.pop() 17.push() 18.reduce()和reduceRight() 19

  • javascript的数组方法大全

    javascript的数组方法大全

    目录 1:concat(); 2:join(); 3:pop(); 4:shift(); 5:unshift(); 6:push(); 7:reverse(); 8:sort(); 8.1: 8.2: 8.3:排序问题 9:slice(); 10:splice() 11:toString(); 12:valueOf(); 13:IndexOf(); 14:lastIndexOf(); 15:forEach(); 16:map(); 17:filter(); 18:every(); 19:some

  • JavaScript判断数组的方法总结与推荐

    目录 前言 根据构造函数判断(妈妈) instanceof constructor 根据原型对象判断(爸爸) __ proto __ Object.getPrototypeOf() Array.prototype.isPrototypeOf() 根据 Object 的原型对象判断(祖先) Object.prototype.toString.call() Array.isArray() 总结 前言 无论在工作还是面试中,我们都会遇到判断一个数据是否为数组的需求,今天我们就来总结一下,到底有多少方法

  • Javascript数组常用方法你都知道吗

    我用这些方法主要从五个方面去学习. 1.方法是干什么的. 2.谁能用 (当然是数组啦). 3.有没有返回值,返回值是什么. 4.修不修改原来的对象. 5.如何使用. 接下来就是干货了. 1.push 向数组内添加一个或多个元素,添加到数组的最后面,方法返回值是新数组的长度. arr.push(200) arr.push(200,2,32) 2.pop 删除数组末尾的一个元素,不需要传参,方法返回值是被删除的元素 . arr.pop() 3.unshift 向数组中添加一个或多个元素,添加到最前面

  • javascript数组常用方法汇总

    本文为大家总结了javascript数组常用方法,具体内容如下 1.join()方法: Array.join()方法将数组中所以元素都转化为字符串链接在一起,返回最后生成的字符串.也可以指定可选的字符串在生成的字符串中来分隔数组的各个元素.如果不指定分隔符,默认使用逗号.案例如下: var a=[1,2,3]; a.join();//=> "1,2,3" 因为没有指定分隔符,默认为逗号. a.join("+");//=> "1+2+3"

  • JavaScript数组常用方法实例讲解总结

    JavaScript数组常用方法实例讲解总结

    目录 数组常用方法 concat() 方法 join() 方法 pop() 方法 push() 方法 reverse() 方法 shift() 方法 slice() 方法 sort() 方法 splice() 方法 toSource() 方法 toString() 方法 toLocaleString() 方法 unshift() 方法 valueOf() 方法 导读:在实际开发中,前端工程师除了写页面布局及样式还要对后端返回的数据进行处理,返回的数据大多数是json格式,一般都是返回一个对象或者

  • JavaScript数组常用方法解析及数组扁平化

    目录 前言 一.常用数组操作方法 push末尾追加元素 pop删除数组末尾元素 sort排序 shift数组开头添加元素 && unshift数组开头删除元素 数组合并concat indexOf查找元素 && includes查找元素是否存在 reverse反转数组 数组切割成字符串join slice操作数组,替换,删除,新增 every校验数组所有元素 some 测试数组中是不是至少有1个元素通过了被提供的函数测试.返回值是布尔值 深层次递归数组flat map遍历数

  • 谈谈JavaScript数组常用方法总结

    在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,

  • JavaScript数组常用方法

    判断某个对象是否是数组: instanceof.Array.isArray() 对于一个网页或者一个全局作用域可以使用instanceof操作符. if(value instanceof Array){  //判断value是否是数组     } instanceof操作符它假设只有一个全局执行环境,如果网页包含多个框架则使用ECMAScript5新增的Array.isArray()方法. if(Array.isArray(value)){//判断value是否是数组 } Array.isArr

  • Javascript中的数组常用方法解析

    Javascript中的数组常用方法解析

    前言 Array是Javascript构成的一个重要的部分,它可以用来存储字符串.对象.函数.Number,它是非常强大的.因此深入了解Array是前端必修的功课.周五啦,博主的心又开始澎湃了,明儿个周末有木有,又可以愉快的玩耍了. 创建数组 创建数组的基本方式有两种,一种字面量,另一种使用构造函数创建: var arr = [1,2,3]; //字面量的形式创建数组 值与值之间用英文逗号隔开 var arr = [1,2,3]; //字面量的形式创建数组 值与值之间用英文逗号隔开 var ar

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

    目录 一.JavaScript中创建数组的方式 二.数组方法概括 三.方法详解 1.join() 2.pop() 3.shift() 4.push() 5.unshift() 6.concat() 7.slice() 8.sort() 9.reverse() 10.toString() 11.splice() 12.valueOf() 13.indexOf() 14.lastIndexOf() 15.forEach() 16.map() 17.filter() 18.every() 19.som

  • JavaScript数组 几个常用方法总结

    目录 1.前言 2.filter() 3.map() 4.sort() 5.reduce() 6.forEach() 7.方法列表 8.本文参考 1.前言 数组方法有太多了,本文记录一些本人容易记错的一些数组方法,用于巩固及复习. 后续会慢慢的将其他数组方法添加进来. 善用数组方法可以使数据处理变的优雅且简单. 那下面让我们开始吧: 2.filter() 描述: filter() 方法创建一个新数组,并将符合条件的所有元素添加到创建的新数组中. 语法: Array.filter(callback

  • javascript数组去重常用方法实例分析

    本文实例讲述了javascript数组去重常用方法.分享给大家供大家参考,具体如下: 数组去除重复值是面试常考内容,也是很容易用到的一个技巧,下面就几种去重的方法进行介绍. 首先是最常见的方法,也就是添加一个临时数组,将原数组遍历,加入临时数组,每次加入时判断待加入的元素是否存在于临时数组中,代码如下: // 对数组进行去重操作,只考虑数组中元素为数字或字符串,返回一个去重后的数组 //第一种方法,遍历,将没有的插入临时数组 function uniqArray1(arr) { var n=[]

随机推荐