美文网首页
JavaScript中有哪些数组原生的方法?

JavaScript中有哪些数组原生的方法?

作者: 祈澈菇凉 | 来源:发表于2023-10-25 09:27 被阅读0次

    JavaScript中的数组原生方法是指数组对象上内置的方法,它们可以直接通过数组实例进行调用。以下是一些常见的数组原生方法以及它们的用法和示例:

    1:push 方法用于向数组的末尾添加一个或多个元素,并返回新数组的长度。它会修改原始数组。
    示例:

    const array = [1, 2, 3];
    const length = array.push(4, 5);
    console.log(length); // 输出:5
    console.log(array); // 输出:[1, 2, 3, 4, 5]
    

    2:pop 方法用于从数组的末尾移除最后一个元素,并返回被移除的元素。它会修改原始数组。
    示例:

    const array = [1, 2, 3];
    const removedElement = array.pop();
    console.log(removedElement); // 输出:3
    console.log(array); // 输出:[1, 2]
    

    3:shift 方法用于从数组的开头移除第一个元素,并返回被移除的元素。它会修改原始数组。
    示例:

    const array = [1, 2, 3];
    const removedElement = array.shift();
    console.log(removedElement); // 输出:1
    console.log(array); // 输出:[2, 3]
    

    4:unshift 方法用于向数组的开头添加一个或多个元素,并返回新数组的长度。它会修改原始数组。
    示例:

    const array = [1, 2, 3];
    const length = array.unshift(4, 5);
    console.log(length); // 输出:5
    console.log(array); // 输出:[4, 5, 1, 2, 3]
    

    5:concat 方法用于将两个或多个数组合并为一个新数组,不会修改原始数组。
    示例:

    const array1 = [1, 2, 3];
    const array2 = [4, 5];
    const newArray = array1.concat(array2);
    console.log(newArray); // 输出:[1, 2, 3, 4, 5]
    console.log(array1); // 输出:[1, 2, 3](原始数组不变)
    

    6:join 方法用于将数组的所有元素以指定的分隔符连接为一个字符串,不会修改原始数组。
    示例:

    const array = ['Hello', 'World'];
    const joinedString = array.join(' ');
    console.log(joinedString); // 输出:'Hello World'
    console.log(array); // 输出:['Hello', 'World'](原始数组不变)
    

    7:slice 方法用于返回数组的一部分,根据指定的起始索引和结束索引,不会修改原始数组。
    示例:

    const array = [1, 2, 3, 4, 5];
    const newArray = array.slice(1, 4);
    console.log(newArray); // 输出:[2, 3, 4]
    console.log(array); // 输出:[1, 2, 3, 4, 5](原始数组不变)
    

    8:splice 方法用于从数组中删除或替换元素,并可以插入新的元素,会修改原始数组。
    示例:

    const array = [1, 2, 3, 4, 5];
    const removedElements = array.splice(2, 2, 'a', 'b');
    console.log(removedElements); // 输出:[3, 4]
    console.log(array); // 输出:[1, 2, 'a', 'b', 5]
    

    9:reverse 方法用于反转数组中元素的顺序,会修改原始数组。
    示例:

    const array = [1, 2, 3];
    array.reverse();
    console.log(array); // 输出:[3, 2, 1]
    

    10:sort 方法用于对数组进行排序,可以传入一个比较函数来指定排序规则,会修改原始数组。
    示例:

    const array = [3, 1, 2];
    array.sort();
    console.log(array); // 输出:[1, 2, 3]
    

    相关文章

      网友评论

          本文标题:JavaScript中有哪些数组原生的方法?

          本文链接:https://www.haomeiwen.com/subject/pvptidtx.html