JS新手入门数组处理惩罚的实用要领汇总

join()要领:将数组中所有元素通过指定脱离符毗连成一个字符串

举例:

myArr.join('-') // 用'-'标记拼接

concat()要领:将两个数组或多个数组归并成一个数组

举例:

myArr.concat(arr1, arr2, ..., arrN)

留意:该要领不会改变现有的数组,所以可以和空数组归并实现复制旧数组,在操纵新数组数据时不污染旧数组数据

sort() 要领:用于对数组的元素举办排序

假如挪用该要领时没有利用参数,将按字母顺序对数组中的元素举办排序,说得更准确点,是凭据字符编码的顺序举办排序。要实现这一点,首先应把数组的元素都转换成字符串(如有须要),以便举办较量

举例:

myArr.sort() // 按字母排序 myArr.sort(function(a, b) { return a - b }) // 按数字升序,降序为b - a // 箭头函数写法 myArr.sort((a, b) => a - b)

reverse() 要领:用于颠倒数组中元素的顺序

举例:

myArr.reverse()

push() / unshift()要领:向数组的末端 / 开头添加一个或多个元素,并返回新的长度

举例:

myArr.push(item1, item2, ..., itemN) myArr.unshift(item1, item2, ..., itemN)

shift()要领:删除数组的第一个元素,并返回第一个元素的值

举例:

myArr.shift()

pop()要领:删除数组的一个元素(默认最后一个元素),而且返回该元素的值

举例:

myArr.pop() // 删除数组最后一个元素 myArr.pop(1) // 删除数组中索引为1的元素

splice()要领:向/从数组中添加/删除项目,然后返回被删除的项目

myArr.splice(index, count, item1, item2, ..., itemN) // index 必须。整数,划定添加/删除项目标位置,利用负数可从数组末了处划定位置 // count 必须。要删除的项目数量。假如配置为 0,则不会删除项目 // item1, item2, ..., itemN 可选。向数组添加的新项目

forEach()要领:要领用于挪用数组的每个元素,并将元素通报给回调函数(相当于for轮回)

举例:

myArr.forEach(function (item, index, arr) { if (index === 3) { item = 123 } }) // 轮回数组,将索引为3的元素值变动为123 // 箭头函数写法 myArr.forEach((v, i, arr) => if (i === 3) { v = 123 })

留意:以下要领均不会对空数组举办检测,不会改变原始数组

indexOf()要领:查找数组是否存在某个元素,返回下标,没有则返回-1

举例:

myArr.indexOf(item)

留意:indexOf() 要领对巨细写敏感!

slice()要领:可提取字符串的某个部门,并以新的字符串返回被提取的部门(浅拷贝数组的元素)

举例:

const newArr = myArr.slice(0, 1) // 截取数组myArr索引从0到1的部门元素 // 参数: // begin(可选): 索引数值,接管负值,从该索引处开始提取原数组中的元素,默认值为0。 // end(可选):索引数值(不包罗),接管负值,在该索引处前竣事提取原数组元素,默认值为数组末端(包罗最后一个元素)

every()要领:用于检测数组中的元素是否满意指定条件(函数提供)(如某个值是否都为true)

假如有一个元素不满意,则整个表达式返回 false,且遏制检测;假如所有元素都满意条件,则返回 true

举例:

const state = myArr.every(function (item, index, arr) { return item > 10 }) // 检测数组myArr的所有元素是否都大于10,返回一个布尔值state // 箭头函数写法 const state = myArr.every((v, i, arr) => v > 10)

some()要领:用于检测数组中的元素是否满意指定条件(函数提供)(如某个值是否都为true)

假如有一个元素满意,则整个表达式返回 true ,且遏制检测;假如没有满意条件的元素,则返回false

举例:

const state = myArr.some(function (item, index, arr) { return item > 10 }) // 检测数组myArr中是否存在元素大于10,返回一个布尔值state // 箭头函数写法 const state = myArr.some((v, i, arr) => v > 10)

includes()要领:用于判定数组是否包括指定的值,假如找到匹配的值则返回 true,不然返回 false

留意:includes() 要领区分巨细写

参数:
searchvalue:必须,要查找的值

start:可选,配置从谁人位置开始查找,默认为 0

举例:

const state = myArr.includes(3) // 检测数组myArr中是否存在元素3,返回一个布尔值state const state = myArr.includes(3, 3) // 从索引3开始检测数组myArr中是否存在元素3,返回一个布尔值state

filter()要领:建设一个新的数组,新数组中的元素是通过查抄指定命组中切合条件的所有元素

举例:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wsjydj.html