欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JS数组的常用方法总结

程序员文章站 2022-04-04 20:49:31
...

 数组的常用方法总结

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    // 1. 数组.push(要添加的值)   在数组尾部添加一个元素
    var arr = [15, 20];
    arr.push(50);


    // 2. 数组.pop()              去除数组尾部的一个元素
    var brr = [32, 19, 54];
    brr.pop();


    // 3. 数组.unshift(要添加的值)          在数组头部添加一个元素
    var crr = [5, 2, 9];
    crr.unshift(31);


    // 4. 数组.shift()             在数组头部删除第一个元素

    // 5. 数组.splice()            从哪个位置开始, 删除几个元素
    var drr = [10, 21, 33, 67, 59];
    drr.splice(1, 3);// 从第几个索引开始, 删除几个元素

    // 使用splice 高级用法:
    var err = [3, 8, 9, 13, 17, 22];
    err.splice(3, 1, 150, 300, 500, 2000);
    // 从第几个索引开始, 先删除几个元素, 然后从当前位置开始插入第3个参数后面所有的数字 (有多少数据就往后写)

    // 6. 数组.sort()             // 它是以ASCII的值为标准进行从小到大的排序(取第一位的第一个字符的ASCII码)
    var frr = [10, 7, 31, 21, 17, 5, 10, "AF", "AG"];
    frr.sort();
    //  ASCII码常用值: A:65  a: 97  0: 48

    // 7. 数组.concat(要拼接的数组)
    var grr = [1, 5, 3, 6];
    var hrr = ["hello", "world"];
    var xinArr = hrr.concat(grr); // 特别注意:拼接后返回一个全新的数组
    console.log(xinArr);

    // 8. 数组元素反转
    var irr = [9, 12, 3, 7, 1];
    var xArr = irr.reverse();     // 注意:它会返回一个全新的数组
    console.log(xArr);


</script>
</body>
</html>

https://blog.csdn.net/xinghuo0007/article/details/70552319?utm_source=blogxgwz5

相关标签: 前端 JS