js-数组方法

1. 增

1.1. push()

push() 方法可向数组的末尾添加一个或多个元素

• 语法：array.push(item1, item2, ..., itemX)
• 修改原数组：是
• 返回值：数组的新长度

;['Banana', 'Orange', 'Apple', 'Mango'].push('coco')
// -> [Banana, Orange, Apple, Mango, coco]

1.2. unshift()

unshift() 方法可向数组的开头添加一个或更多元素

• 语法：array.unshift(item1,item2, ..., itemX)
• 修改原数组：是
• 返回值：数组的新长度

;['Banana', 'Orange', 'Apple', 'Mango'].unshift('Lemon', 'Pineapple')
// -> [Lemon, Pineapple, Banana, Orange, Apple, Mango]

1.3 splice()

• 功能强大
  splice() 方法用于添加或删除数组中的元素，并以数组形式返回被修改的内容

• 语法：array.splice(start[, deleteCount[, item1[, item2[, ...]]]])

• 参数：

  参数	描述
  start	指定修改的开始位置
  deleteCount	可选，表示要移除的数组元素的个数
  item1, item2, ...	可选，要添加进数组的元素

• 修改原数组：是

• 返回值：由被删除的元素组成的一个数组

;['Banana', 'Orange', 'Apple', 'Mango'].splice(2, 0, 'Lemon', 'Kiwi')
// ->  ['Banana', 'Orange', 'Lemon', 'Kiwi', 'Apple', 'Mango']

2. 删

2.1 pop()

移除最后一个数组元素

• 语法：array.pop()
• 修改原数组：是
• 返回值：从数组中删除的元素(当数组为空时返回 undefined)

;['Banana', 'Orange', 'Apple', 'Mango'].pop()
// -> [Banana, Orange, Apple]

2.2 shift()

删除数组的第一个元素。

• 语法：array.shift()
• 修改原数组：是
• 返回值：从数组中删除的元素(当数组为空时返回 undefined)

;['Banana', 'Orange', 'Apple', 'Mango'].shift()
// -> [Orange, Apple, Mango]

3. 查

3.1 includes()

includes() 方法用来判断一个数组是否包含一个指定的值，如果是返回 true，否则 false

• 语法：array.includes(valueToFind[, fromIndex])
• 参数：

  参数	描述
  searchElement	必须。需要查找的元素值。
  fromIndex	可选。从该索引处开始查找 searchElement。如果为负值，则按升序从 array.length + fromIndex 的索引开始搜索。默认为 0。

• 修改原数组：否
• 返回值：布尔值

;['Banana', 'Orange', 'Apple', 'Mango'].shift()
// -> [Orange, Apple, Mango]

3.2 indexOf()

indexOf() 方法可返回数组中某个指定的元素位置

• 语法：array.includes(valueToFind[, fromIndex])
• 参数：

  参数	描述
  searchElement	必须。需要查找的元素值。
  fromIndex	可选。从该索引处开始查找 searchElement。如果为负值，则按升序从 array.length + fromIndex 的索引开始搜索。默认为 0。

• 修改原数组：否
• 返回值：布尔值

;['Banana', 'Orange', 'Apple', 'Mango'].shift()
// -> [Orange, Apple, Mango]

3.3 keys()

keys() 方法用于从数组创建一个包含数组键的可迭代对象

• 语法：array.keys()
• 修改原数组：否
• 返回值：一个数组可迭代对象

;['Banana', 'Orange', 'Apple', 'Mango'].keys()
// ->  [0, 1, 2, 3]

3.4 lastIndexOf()

lastIndexOf() 方法可返回一个指定的元素在数组中最后出现的位置，从该字符串的后面向前查找

• 语法：array.lastIndexOf()
• 修改原数组：否
• 返回值：索引

;['Banana', 'Orange', 'Apple', 'Mango'].lastIndexOf('Apple')
// ->  2

3.5 slice()

slice() 方法返回一个新的数组对象，这一对象是一个由 begin 和 end 决定的原数组的浅拷贝（包括 begin，不包括 end）

• 语法：array.slice([begin[, end]])

• 参数：

  参数	描述
  begin	提取起始处的索引
  end	可选，提取终止处的索引（不包含）

• 修改原数组：否

• 返回值：一个含有被提取元素的新数组

;['Banana', 'Orange', 'Lemon', 'Apple', 'Mango'].slice(1, 3)
// ->  ['Orange',  'Lemon']

4. 改

4.1. fill()

fill() 方法用一个固定值填充一个数组中从起始索引到终止索引内的全部元素。不包括终止索引。

• 语法：array.indexOf(searchElement[, fromIndex])
• 参数：

  参数	描述
  searchElement	要查找的元素
  fromIndex	可选。开始查找的位置。

• 修改原数组：是
• 返回值：修改后的数组

;['Banana', 'Orange', 'Apple', 'Mango'].fill('coco')
// -> ["coco", "coco", "coco", "coco"]

4.2. concat()

concat() 方法用于连接两个或多个数组

• 语法：array1.concat(array2,array3,...,arrayX)
• 修改原数组：否
• 返回值：被连接数组的副本

const hege = ['Cecilie', 'Lone']
const stale = ['Emil', 'Tobias', 'Linus']
const kai = ['Robin']
const children = hege.concat(stale, kai)
// -> ['Cecilie', 'Lone', 'Emil', 'Tobias', 'Linus', 'Robin']

4.3. join()

join() 方法将一个数组（或一个类数组对象）的所有元素连接成一个字符串并返回这个字符串。如果数组只有一个项目，那么将返回该项目而不使用分隔符。

• 语法：array.join([separator])
• 参数：separator 可选
  指定一个字符串来分隔数组的每个元素。如果需要，将分隔符转换为字符串。如果缺省该值，数组元素用逗号（,）分隔。如果 separator 是空字符串("")，则所有元素之间都没有任何字符。
• 修改原数组：否
• 返回值：一个所有数组元素连接的字符串。如果 array.length 为 0，则返回空字符串。

const hege = ['Cecilie', 'Lone']
const stale = ['Emil', 'Tobias', 'Linus']
const kai = ['Robin']
const children = hege.concat(stale, kai)
// -> ['Cecilie', 'Lone', 'Emil', 'Tobias', 'Linus', 'Robin']

4.4. reverse()

reverse() 方法将数组中元素的位置颠倒，并返回该数组

• 语法：array.reverse()
• 参数：separator 可选
  指定一个字符串来分隔数组的每个元素。如果需要，将分隔符转换为字符串。如果缺省该值，数组元素用逗号（,）分隔。如果 separator 是空字符串("")，则所有元素之间都没有任何字符。
• 修改原数组：是
• 返回值：颠倒后的数组

;['Banana', 'Orange', 'Apple', 'Mango'].reverse()
// -> ['Mango', 'Apple', 'Orange', 'Banana']

标签：Apple,js,Mango,数组,Orange,array,方法,Banana
来源： https://www.cnblogs.com/chichi13/p/16131356.html