JS数组方法

    技术2023-09-07  107

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

    该方法将从头到尾地检索数组,看它是否含有对应的元素。开始检索的位置在数组 start 处或数组的开头(没有指定 start 参数时)。如果找到一个 item,则返回 item 的第一次出现的位置。开始位置的索引为 0。

    如果在数组中没找到指定元素则返回 -1。

    let arr = [1, 2, 3, 4, 5]; let a = arr.indexOf(3); console.log(a);//2

    isArray isArray() 方法用于判断一个对象是否为数组。 如果对象是数组返回 true,否则返回 false。

    var arr = [1, 2, 3, 4, 5]; console.log(Array.isArray(arr));//true

    toString toString() 方法可把数组转换为字符串,并返回结果。

    let arr = [1, 2, 3, 4, 5]; console.log(arr.toString());//1,2,3,4,5 console.log(arr);//[1, 2, 3, 4, 5]

    reverse reverse() 方法用于颠倒数组中元素的顺序。 该方法会改变原来的数组,而不会创建新的数组。

    let arr = [1, 2, 3, 4, 5]; console.log(arr.reverse());//[5, 4, 3, 2, 1] console.log(arr);//[5, 4, 3, 2, 1]

    concat

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

    let arr = [1, 2, 3]; let arr2 = [4, 5, 6]; console.log(arr.concat(arr2));//[1, 2, 3, 4, 5, 6] console.log(arr);//[1, 2, 3] console.log(arr2);//[4, 5, 6]

    join

    join() 方法用于把数组中的所有元素放入一个字符串。 元素是通过指定的分隔符进行分隔的。

    let arr = [1, 2, 3]; let str = arr.join("."); console.log(arr);//[1, 2, 3] console.log(str);//1.2.3

    pop

    pop() 方法用于删除并返回数组的最后一个元素。 该方法会改变原始数组。

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

    shift

    shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。 该方法会改变原始数组。

    let arr = [1, 2, 3]; let n = arr.shift(); console.log(arr);//[2, 3] console.log(n);//1

    unshift

    unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。 该方法会改变原始数组。

    let arr = [1, 2, 3]; console.log(arr.unshift(0));//4 console.log(arr);//[0, 1, 2, 3]

    push

    push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。 该方法会改变原始数组。

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

    splice

    splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。 该方法会改变原始数组。

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

    参数描述index必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。howmany必需。要删除的项目数量。如果设置为 0,则不会删除项目。item1, …, itemX可选。向数组添加的新项目。 let arr = ['a', 'b', 'c', 'd', 'e']; console.log(arr.splice(2, 1, 'f'));//["c"] console.log(arr);//["a", "b", "f", "d", "e"]

    slice

    slice() 方法可从已有的数组中返回选定的元素。 该方法并不会修改数组。 返回值:返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。 语法 arrayObject.slice(start,end)

    参数描述start必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。end可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。 let arr = [1, 2, 3, 4, 5]; console.log(arr.slice(2, 3));//[3] console.log(arr);//[1, 2, 3, 4, 5]

    sort sort() 方法用于对数组的元素进行排序。 返回值:对数组的引用。请注意,数组在原数组上进行排序,不生成副本。

    let arr = [5, 4, 3, 2, 1]; console.log(arr.sort());//[1, 2, 3, 4, 5] console.log(arr);//[1, 2, 3, 4, 5]

    some some() 方法用于检测数组中的元素是否满足指定条件(函数提供)。 some() 方法会依次执行数组的每个元素: 如果有一个元素满足条件,则表达式返回true , 剩余的元素不会再执行检测。 如果没有满足条件的元素,则返回false。

    var ages = [3, 10, 18, 20]; function checkAdult(age) { return age >= 18; } console.log(ages.some(checkAdult));//true

    every every() 方法用于检测数组所有元素是否都符合指定条件(通过函数提供)。

    every() 方法使用指定函数检测数组中的所有元素:

    如果数组中检测到有一个元素不满足,则整个表达式返回 false ,且剩余的元素不会再进行检测。 如果所有元素都满足条件,则返回 true。 注意: every() 不会对空数组进行检测。

    注意: every() 不会改变原始数组。

    var ages = [32, 33, 16, 40]; function checkAdult(age) { return age >= 18; } console.log(ages.every(checkAdult));//false

    map map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。

    map() 方法按照原始数组元素顺序依次处理元素。 map() 不会改变原始数组。

    let arr = [1, 4, 9, 16, 25]; console.log(arr.map(Math.sqrt));//[1, 2, 3, 4, 5] console.log(arr);//[1, 4, 9, 16, 25]

    reduce reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。

    reduce() 可以作为一个高阶函数,用于函数的 compose。

    注意: reduce() 对于空数组是不会执行回调函数的。

    let arr = [1, 2, 3, 4, 5]; function getSum(total, num) { return total + num; }; console.log(arr.reduce(getSum));//15

    filter filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。

    注意: filter() 不会对空数组进行检测。

    注意: filter() 不会改变原始数组。

    var ages = [32, 33, 16, 40]; function checkAdult(age) { return age >= 18; } console.log(ages.filter(checkAdult));//[32, 33, 40]

    fill fill() 方法用于将一个固定值替换数组的元素。

    var arr = [1, 2, 3, 4, 5]; console.log(arr.fill(6));//[6, 6, 6, 6, 6] console.log(arr);//[6, 6, 6, 6, 6]
    Processed: 0.009, SQL: 9