数组的常用方法

改变原数组的方法

1.splice() 添加/删除数组元素

语法:arrayObject.splice(index,howmany,item1,.....,itemX) 

参数: 

    1.index:必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。

    2.howmany:可选。要删除的项目数量。如果设置为 0,则不会删除项目。 

   3.item1, ..., itemX: 可选。向数组添加的新项目。

返回值: 如果有元素被删除,返回包含被删除项目的新数组。

2.sort() 数组排序

const sorter = arr.sort((firsterEl, secondEl) => firsterEl - secondEl)

基于提供的函数对数组进行排序,该函数接收 2 个参数,代表需要排序的 2 个数组元素。会修改原数组。如果函数返回负值或 0,元素顺序保持不变,返回正值,对调元素位置。

3.pop() 删除一个数组中的最后的一个元素

语法:arrayObject.pop()

参数:无

返回值: 返回被删除的元素。

4.shift() 删除数组的第一个元素

语法:arrayObject.shift()

参数:无

返回值: 返回被删除的元素。

5.push() 向数组的末尾添加元素

语法:arrayObject.push(newelement1,newelement2,….,newelementX)

参数:

   1.newelement1 必需。要添加到数组的第一个元素。

   2.newelement2 可选。要添加到数组的第二个元素。

   3.newelementX 可选。可添加若干个元素。

返回值: arrayObject 的新长度。

6.unshift() 向数组的开头添加一个或更多元素

语法:arrayObject.unshift(newelement1,newelement2,….,newelementX)

参数:

    1.newelement1 必需。要添加到数组的第一个元素。

    2.newelement2 可选。要添加到数组的第二个元素。 

    3.newelementX 可选。可添加若干个元素。

返回值: arrayObject 的新长度。

7.reverse() 颠倒数组中元素的顺序

语法: array.fill(value, start, end)

参数:

    1.value 必需。填充的值。

    2.start 可选。开始填充位置。

    3.end 可选。停止填充位置 (默认为 array.length)

返回值: 返回当前数组。

8.copyWithin() 指定位置的成员复制到其他位

语法: array.copyWithin(target, start = 0, end = this.length)

参数:

   1.target(必需):从该位置开始替换数据。如果为负值,表示倒数。

   2.start(可选):从该位置开始读取数据,默认为 0。如果为负值,表示倒   数。

   3.end(可选):到该位置前停止读取数据,默认等于数组长度。如果为负   值,表示倒数。

返回值: 返回当前数组。

9.fill() 填充数组

语法: array.fill(value, start, end)

参数:

   1.value 必需。填充的值。

   2.start 可选。开始填充位置。

   3.end 可选。停止填充位置 (默认为 array.length)

返回值: 返回当前数组。

不改变原数组的方法

1.slice() 浅拷贝数组的元素

语法: array.slice(begin, end);

参数:

   1.begin(可选): 索引数值,接受负值,从该索引处开始提取原数组中的元素,默认值为0。

   2.end(可选):索引数值(不包括),接受负值,在该索引处前结束提取原数组元素,默认值为数组末尾(包括最后一个元素)。

返回值: 返回一个从开始到结束(不包括结束)选择的数组的一部分浅拷贝到一个新数组对象,且原数组不会被修改。

2.join() 数组转字符串

语法:array.join(str)

参数:

   1.str(可选): 指定要使用的分隔符,默认使用逗号作为分隔符。

返回值: 返回生成的字符串。

3.concat() 合并两个或多个数组

语法:let arr = arr1.concat(arrX, arrX)

参数:

   1.arrayX(必须):该参数可以是具体的值,也可以是数组对象。可以是任意多个。

返回值: 返回返回合并后的新数组。

4.indexOf() 查找数组是否存在某个元素

语法:array.indexOf(searchElement,fromIndex)

参数:

   1.searchElement(必须):被查找的元素

   2.fromIndex(可选):开始查找的位置(不能大于等于数组的长度,返回-1),接受负值,默认值为0。

返回值: 返回下标

注意点:indexOf:和 findIndex 的机制基本一样,但它接收一个值而不是一个函数作为参数。你可以在只需要简单的逻辑,不需要使用函数来判断匹配元素时使用它

5.findIndex:和 find 的机制基本一样,只是会返回第一个匹配元素的索引值而不是返回该元素

语法:const foundIndex = arr.findIndex(el => el ==='条件')

6.find:返回与指定条件匹配的第一个元素。不会再寻找其他匹配的元素

const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

const found = arr.find(el => el > 5);

console.log(found);  //6

注意,虽然 5 之后的元素都满足条件,但只会返回第一个匹配元素。

7.lastIndexOf() 查找指定元素在数组中的最后一个位置

语法:arr.lastIndexOf(searchElement,fromIndex)

参数:

1.searchElement(必须): 被查找的元素

2.fromIndex(可选): 逆向查找开始位置,默认值数组的长度-1,即查找整个数组。

返回值: 方法返回指定元素,在数组中的最后一个的索引,如果不存在则返回 -1。(从数组后面往前查找)

8..includes() 查找数组是否包含某个元素

语法: array.includes(searchElement,fromIndex=0)

参数:

1.searchElement(必须):被查找的元素

2.fromIndex(可选):默认值为0,参数表示搜索的起始位置,接受负值。正值超过数组长度,数组不会被搜索,返回false。负值绝对值超过长数组度,重置从0开始搜索。

返回值: 返回布尔

9.reduce:累加函数中指定的值。

const arr = [1, 2, 3, 4, 5, 6];

const reduced = arr.reduce((total, current) => total + current);

console.log(reduced);     //11

10.filter:返回一个新的数组,其中只包括回调函数返回 true 的元素。

const arr = [1, 2, 3, 4, 5, 6];

const filtered = arr.filter(el => el === 2 || el === 4);

console.log(filtered);     //// [2, 4]

11.map:返回一个新的数组,其中每个元素按指定函数进行转换。

const arr = [1, 2, 3, 4, 5, 6];

const mapped = arr.map(el => el + 20);

console.log(mapped);    // [21, 22, 23, 24, 25, 26]

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