js数组相关的一些方法(一)

很早就想做个总结,难得今日有空,总结一些常用的数组方法,如下:
1.join
join(separator):将数组的元素组成一个字符串,以separator分割。省略的话则默认以逗号分割,只接收一个参数,即分隔符

var arr=[1,2,3]
arr.join()
//"1,2,3"
arr.join("a")
//"1a2a3"

注:原数组不变。

2.push
push():可向数组的末尾添加一个或多个元素,并返回新的长度。

var arr =  [1, 2, 3];
arr.push(4,5,6)
6
console.log(arr) //  [1, 2, 3, 4, 5, 6]

注:返回的是数组的长度,原数组改变。

3.pop
pop():方法用于删除数组的最后一个元素并返回删除的元素。

var arr = [1,2,3];
arr.pop();
3
console.log(arr) //  [1, 2]

注:返回的是删除的那个元素,原数组改变。

4.shift
shift():方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。

var brr = [1,2,3];
 brr.shift();
1
console.log(brr);//[2,3]

注:返回的是删除的那个元素,原数组改变。

5.unshift
unshift(): 方法可向数组的开头添加一个或更多元素,并返回新的数组长度。

var brr = [2, 3];
 brr.unshift(5,6)
4
console.log(brr) //[5, 6, 2, 3]

注:返回的是新的数组长度,原数组改变
6.sort
sort():按升序排列数组,在排序时,sort()方法会调用每个数组的toString()转型方法,然后比较得到的字符串,以确定如何排序。

var arr = [12,34,9,23,51]
 arr.sort()
console.log(arr) // [12, 23, 34, 51, 9]

注:原数组会改变.

提问:数值的升序和降序怎么办?示例中,我用到了箭头函数,大家可以仔细斟酌下。

var arr = [12,34,9,23,51]
arr.sort((v1,v2) => v1-v2)
console.log(arr);// [9, 12, 23, 34, 51]
arr.sort((v1,v2) => v2-v1)
console.log(arr);// [51, 34, 23, 12, 9]

说明:如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:

若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。
若 a 等于 b,则返回 0。
若 a 大于 b,则返回一个大于 0 的值。

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

var arr = [1,3,5,6,77]
 arr.reverse()
console.log(arr);//[77, 6, 5, 3, 1]

8.concat
concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。

var crr = [1,3];
crr.concat(4,5)
返回: [1, 3, 4, 5]
console.log(crr);//[1, 3]

crr.concat([8,9,67]);
返回: [1, 3, 8, 9, 67]
console.log(crr);//[1, 3]

crr.concat(11,[12,34],34)
返回:[1, 3, 11, 12, 34, 34]
console.log(crr);//[1, 3]

注:原数组不改变

9.slice
slice():返回从原数组中指定开始下标到结束下标之间的项组成的新数组,可接受1到2个参数,分别为要返回项的起始和结束位置,只有一个参数,则返回从参数指定位置开始到数组末尾所有项。如果有两个参数,返回起始到结束位置之间的项,不包括结束位置的项。

var drr = [1, 23, 45, 25, 67, 9, 18];
 drr.slice(3)
返回: [25, 67, 9, 18]
console.log(drr);//[1, 23, 45, 25, 67, 9, 18]
 drr.slice(2,4)
返回: [45, 25]
console.log(drr);//[1, 23, 45, 25, 67, 9, 18]

注:原数组不改变

10.splice
splice() 方法用于插入、删除或替换数组的元素。
删除:可以删除任意数量的项,2个参数,要删除的第一项的位置和要删除的项数。
插入:向指定位置插入任意数量的项,只需提供3个参数:起始位置,0(要删除的项数)和要插入的项(多个)。
替换:可以向指定位置插入任意数量的项,且同时删除任意数量的项,只需指定三个参数,起始的位置,要删除的项数和要插入的任意数量的项。插入的项数不必与删除的项数相等。
splice()方法始终都会返回一个数组,该数组中包含从原始数组中删除的项。如果没有删除任何项,则返回一个空数组。

var drr = [1, 23, 45, 25, 67, 9, 18];
 drr.splice(2,3)// 删除
返回: [45, 25, 67]
console.log(drr);//[1, 23, 9, 18]

var drr = [1, 23, 9, 18];
 drr.splice(3,0,56,78,23,45)//插入
 console.log(drr);// [1, 23, 9, 56, 78, 23, 45, 18]
 
var drr =  [1, 23, 9, 56, 99, 78, 23, 45, 18];
 drr.splice(4,3,78,99,76)//替换
返回: [99, 78, 23]
console.log(drr)// [1, 23, 9, 56, 78, 99, 76, 45, 18]

好了,都快凌晨2点了,就总结这么多了。希望能与大家共勉。

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