数组方法集合

  1. join(separator)
    该方法是将数组的各个元素组成一个字符串,参数为separator,即以separator为分隔符,省略不写的话,默认用逗号作为分隔符。
    join方法只接收一个参数,separator ---> 分隔符
let a = [1, 2, 3];
console.log(a.join())    // 1,2,3
console.log(a.join('-')) // 1-2-3
  1. push()
    该方法可以接收任意数量的参数,把这些参数按顺序加入到数组的尾部,并返回修改后的数组长度。(注:返回的是新数组的length)
let a = [1, 2, 3, 4, 5];
console.log(a.push(6))  // 6
console.log(a)          // 1, 2, 3, 4, 5, 6
  1. pop()
    该方法移除数组的最后一项,减少数组的length,然后返回移除的项。
    该方法只接收一个参数。
var a = [1,3,4];
console.log(a.pop()) // 4

4.shift()
该方法删除原数组的第一项,并返回删除的元素,若数组为空,则返回undefined。
该方法只接收一个参数。

var a = [1], b=[];
console.log(a.shift())  // 1
console.log(b.shift())  // undefined
  1. unshift()
    该方法是将参数添加到原数组的开头,并范回数组的长度,可以接受多个参数。
var a = [1];
console.log(a.unshift(2, 3)) // 3 
console.log(a)               // [2, 3, 1]
  1. sort()
    该方法按升序排列数组各项,即最小的值位于最前面,最大的值在最后面
    (注,该方法只接收数组元素的第一位进行比较,即3,12,25的排序为12,25,3)
    sort() 方法可接收一个比较函数作为参数,方便比较数组元素的大小。
function compare(val1, val2) {
  if (val1>=val2){
    return 1
  }else{
    return -1 
  }
}
let a = [12, 3, 12, 25];
a.sort(compare) // 接收比较函数之后,返回的数组元素的顺序 [ 3, 12, 12, 25 ]

该方法可以用来实现数组元素的升序和降序排列。
  1. reverse()
    该方法用来反转数组的顺序,反转之后,原数组也发生反转
let a = [1, 2, 3];
console.log(a.reverse())  // [3, 2, 1]
console.log(a)            // [3, 2, 1]
  1. slice()
    该方法返回从原数组中指定开始下标到结束下标之间的项组成的新数组。(注:返回的是新数组,不改变原数组)
    slice() 方法可接收一个或两个参数
    ①:若只接收一个参数,则返回从该参数开始的位置到数组末尾的所有项。(该方法接收的参数可为负数,思路:数组的长度加上该负值)
let a = [1, 2, 3, 4];
console.log(a.slice(2))      // [3, 4]
console.log(a.slice(-3))     // [2, 3, 4]
console.log(a.slice(1))      // [2 ,3, 4]
console.log(a)               // [1, 2, 3, 4]

②:若接收两个参数,则返回从起始和结束位置之间的项,不含结束位置的项。(参数可为负,但是起始位置不能大于结束位置,否则返回空数组)

let a= [1, 2, 3, 4, 5, 6];
console.log(a.slice(2,5))   // [3, 4, 5]

console.log(a.slice(-3, 2)) //a.length==6,所以a.slice(3, 2),即返回 []
console.log(a.slice(-3, -2)) //a.length==6,所以a.slice(3, 4),即返回 [4]
  1. splice()
    该方法比较灵活,可实现数组的删除,插入和替换操作(增删改的操作)
    删除:只能两个参数,第一个参数:要删除第一项的下标,第二个参数:要删除的项数。
    该方法返回删除的项,并改变了原数组的长度。
let arr = [1, 2, 3, 4, 5];
console.log(arr.splice(0,2));   // [1, 2]  
console.log(arr);               // [3, 4, 5]

插入:需指定至少3个参数,第一个参数:要删除第一项的下标,第二个参数:要删除的项数,第三个及以后的参数:要插入的项数。

let arr = [1, 2, 3, 4, 5];
console.log(arr.splice(5,0,6,7));   // []  
console.log(arr);                 // [1, 2, 3, 4, 5, 6, 7]

替换:需指定至少3个参数,第一个参数:要删除第一项的下标,第二个参数:要删除的项数,第三个及以后的参数:要替换的项数。

let arr = [1, 2, 3, 4, 5];
console.log(arr.splice(2,2,6,7));   // [3, 4]  
console.log(arr);                   // [1, 2, 6, 7, 5]
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 栈方法和队列方法 1. push:将接收到的参数按从左到右的顺序依次添加到数组的尾部,返回更新后的数组长度 2. ...
    world_7735阅读 4,140评论 0 1
  • 以前学习JS没有着重总结关于数组的方法,导致实现某些功能不能找对最合适的实现方法,浪费很多时间。今天总结一些...
    Mango97阅读 3,547评论 0 0
  • 第3章 基本概念 3.1 语法 3.2 关键字和保留字 3.3 变量 3.4 数据类型 5种简单数据类型:Unde...
    RickCole阅读 10,634评论 0 21
  • 数组总共有22种方法,本文将其分为对象继承方法、数组转换方法、栈和队列方法、数组排序方法、数组拼接方法、创建子数组...
    Sachie阅读 4,446评论 0 7
  • push(),pop(),unshift(),shift() push 把值添加在数组的最尾部 return ...
    shierya阅读 3,146评论 0 0