数组常用方法

1.push() 后增

push()方法可以向数组后添加一个新的元素,并返回新数组的长度。

末尾添加,返回长度,改变原数组

var a = [1,2,3]

var b = a.push(4)

console.log(a)  // [1,2,3,4]

console.log(b)  // 4

2.unshift() 前增

unshift()可以向数组前添加一个或多个元素,并返回新的长度

首部添加,返回长度,改变原数组

var a = [2,3,4]

var b = a.unshift(0,1)

console.log(a)  // [0,1,2,3,4]

console.log(b)  // 5

3.pop() 后删

pop() 用于删除并返回最后一个元素。

尾部删除,返回被删除的元素,改变原数组

var a = [1,2,3]

var b = a.pop()

console.log(a) // [1,2]

console.log(b) // 3

4.shift() 前删

shift() 用于删除并返回首个元素

删除首部元素,返回被删元素,改变原数组

var a = [1,2,3]

var b = a.shift()

console.log(a) // [2,3]

console.log(b) // 1

5. splice() 修该删除

splice(index,length,增加的元素1,增加的元素2....,增加的元素N) 表示从index开始删除length个元素,并从index开始新增元素1~N,放回被删除的元素组成的数组

对数组进行删除修改,返回被删除的元素组成的数组,改变原数组

var a = [1,2,3]

var b = a.splice(1,1,3,[2,3,4],5)

console.log(a)  // [1,3,[2,3,4],5,3]

console.log(b)  // [2]

6.concat() 拼接

concat() 方法用来合并两个或多个数组

合并两个或多个数组,返回新数组,不会改变原数组

var a = [1,2,3]

var b = [4,5]

var c = a.concat(b)

console.log(a) // [1,2,3]

console.log(b) // [4,5]

console.log(c) // [1,2,3,4,5]

 7.slice() 剪切 

slice(startIndex,endIndex)  返回从startIndex开始(包括),到endIndex(不包括)之间的原属组成的数组

返回新数组,不改变原数组

var a = [1,2,3]

var b = a.slice(0,1)

// 不填参数则表示剪切整个数组 

var c = a.slice()

console.log(a) // [1,2,3]

console.log(b) // [1]

console.log(c) // [1,2,3]   

console.log(a===c)  // false // 注意 a !== c

// 负数表示从后往前数

var d = a.slice(-1,-2) 

console.log(d) // []  从左向右截取,所以说为[]

var e = a.slice(-1) 

console.log(e)  // [3]

8.join()

join() 方法用来将数组转换为字符串

不改变原数组,返回转换后的字符串

var a = [1,2,3,4,5]

console.log(a.join(','))  // 1,2,3,4,5

console.log(a)  // [1,2,3,4,5]

9.sort() 排序

按ascii码排序

改变原数组,返回排序后的数组

var a = ['a','b','d','c']

console.log(a.sort())  // ['a','b','c','d']

console.log(a)  // ['a','b','c','d']

10.reverse() 颠倒顺序

reverse() 方法用于颠倒数组中元素的顺序。

返回的是颠倒后的数组,会改变原数组。

var a  = [1,3,2,7,6]

console.log(a.reverse())  // [6,7,2,3,1]

console.log(a)  // [6,7,2,3,1]

11.indexOf()和lastIndexOf()

indexOf(某元素,startIndex) 从startIndex开始,查找某元素在数组中的位置,若存在,则返回第一个位置的下标,否则返回-1

lastIndexOf(某元素,startIndex) 和indexOf()相同,区别在于从尾部向首部查询

不会改变原数组,返回找到的index,否则返回-1

若不使用下标,则一般通过includes()方法代替indexOf()

var a = [1,2,4,3,4,5]

console.log(a.indexOf(4))  // 2

console.log(a.indexOf(4,3)) // 4

12.filter() 过滤

filter() 方法返回数组中满足条件的元素组成的新数组,原数组不变

filter()的参数是一个方法

var a = [1,2,3,4,11]

// 第一个参数为一个方法,有三个参数,current:当前值 index:当前值下标 array:这个数组对象

var b = a.filter(function(current,index,array){

    return current < 10

})

console.log(b) // [1,2,3,4]

console.log(a) // [1,2,3,4,11]

13.map() 格式化数组

map() 方法来根据需求格式化原数组,返回格式化后的数组。原数组不变

var a = [1,2,3,4,5]

// 参数同filter方法

var b = a.map(function(current,index,array){

    return current + 1

})

console.log(b) // [2,3,4,5,6]

console.log(a) // [1,2,3,4,5]

14.every() 

 对数组的每一项都运行给定的函数,若每一项都返回 ture,则返回 true

var a = [1,2,3,4,5]

var b = a.every(function(current,index,array){

      return current < 6

})

var c = a.every(function(current,index,array){

      return current < 3

})

console.log(b)  // true

console.log(c)  // false

15.some()

对数组的每一项都运行给定的函数,若存在一项或多项返回 ture,则返回 true

var a = [1,2,3,4,5]

var b = a.some(function(current,index,array){

      return current > 4

})

var c = a.some(function(current,index,array){

      return current > 5

})

console.log(b)  // true

console.log(c)  // false

16.forEach()  数组遍历

遍历整个数组,中途不能中断

var arr = ['a','b','c']

var copy = []

arr.forEach(function(item){

    copy.push(item) 

})

console.log(copy)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • //JS数组常用方法及其应用/** * 1.push(): 向数组尾部添加一个或多个元素,并返回添加新元素后的数组...
    李二狗的星球阅读 479评论 0 0
  • 经常我们在做项目的时候,难免会对数组进行一些增删改查的操作,数组中一些常用的操作有哪些呢?下面这篇博客是对...
    rebirth重生A阅读 620评论 0 7
  • 数组常用方法: concat();把数组元素拼接在一个素组中 例如:var arr1=[1,2,3,4] var ...
    ZYzan阅读 277评论 0 0
  • 转载:在开发中,数组的使用场景非常多,平日中也涉及到很多数组的api/相关操作,一直也没有对这块内容进行一块整理总...
    七色烟火阅读 3,241评论 0 3
  • 操作数组 印象中数组有很多方法,系统的整理一下,放在自己家里方便回头查~ 1. Array.map() 此方法是将...
    丶温瞳阅读 1,905评论 0 2