数组方法集合

  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]
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,440评论 5 467
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,814评论 2 376
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,427评论 0 330
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,710评论 1 270
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,625评论 5 359
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,014评论 1 275
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,511评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,162评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,311评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,262评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,278评论 1 328
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,989评论 3 316
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,583评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,664评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,904评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,274评论 2 345
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,856评论 2 339

推荐阅读更多精彩内容

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