JS数组的常用方法总结 ES5

最新推荐文章于 2024-01-23 17:43:57 发布

人间草木96

最新推荐文章于 2024-01-23 17:43:57 发布

阅读量193

点赞数

分类专栏：个人总结面试总结文章标签：前端 JS

本文链接：https://blog.csdn.net/qq_43258252/article/details/83381407

版权

个人总结同时被 2 个专栏收录

118 篇文章 2 订阅

订阅专栏

面试总结

84 篇文章 0 订阅

订阅专栏

数组的常用方法总结

<!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);
    console.log("TCL: arr", arr) // TCL: arr (3) [15, 20, 50]

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

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

    // 4. 数组.shift()             在数组头部删除第一个元素
    var crr4 = [5, 2, 9];
    crr4.shift();
    console.log("TCL: crr4", crr4) // TCL: crr4 (2) [2, 9]

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

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

    // 6. 数组.sort()             // 它是以ASCII的值为标准进行从小到大的排序（取第一位的第一个字符的ASCII码）
    var frr = [10, 7, 31, 21, 17, 5, 10, "AF", "AG"];
    frr.sort();
    console.log("TCL: frr", frr) // TCL: frr (9) [10, 10, 17, 21, 31, 5, 7, "AF", "AG"]
    //  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("TCL: xinArr", xinArr) // TCL: xinArr (6) ["hello", "world", 1, 5, 3, 6]

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

    // 9. 数组元素截取
    var arr9 = [9, 12, 3, 7, 1];
    var xArr9 = arr9.slice(0,3);     // 请注意，arrayObject.slice(start,end)该方法并不会修改数组，而是返回一个子数组。 start 到 end （不包括该元素）
    console.log("TCL: xArr9", xArr9) // TCL: xArr9 (3) [9, 12, 3]

    // 10. 数组中的所有元素放入一个字符串。
    var arr10 = ['jack', 'mark', 'alice'];
    var xArr10 = arr10.join();     // 请注意，arrayObject.join(separator), separator	可选。指定要使用的分隔符。如果省略该参数，则使用逗号作为分隔符。
    console.log("TCL: xArr10", xArr10) // TCL: xArr10 jack,mark,alice

  </script>
</body>

</html>

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

人间草木96

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS数组的常用方法总结 ES5

数组的常用方法总结<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <script> // 1. 数组.push...
复制链接

扫一扫