JS——数组经典例题解析

最新推荐文章于 2024-04-26 16:06:24 发布

Bonsoir777

最新推荐文章于 2024-04-26 16:06:24 发布

阅读量530

点赞数 2

分类专栏： JavaScript 文章标签：前端 javascript css3 html

本文链接：https://blog.csdn.net/Bonsoir777/article/details/126291280

版权

JavaScript 专栏收录该内容

33 篇文章 4 订阅

订阅专栏

文章目录

前言
一、求解某一数组内元素的和
二、数组的排序
三、数组的去重
总结

一、求解某一数组内元素的和

解析：

此例题主要是求解一数组内元素的和，首先我们应该定义一个变量表示累加后的和。
若要求和，就要遍历数组内的每一个元素，那么如何读取到数组中的每一个元素呢？这就需要使用数组的遍历来解决这个问题，在获取每一个元素之后，再进行累加即可解决此题。

JS实现过程：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        //编程求出 [12, 34, 2, 5, 76]的和
        var arr = [12, 34, 2, 5, 76];
        // 定义变量表示累加后的和
        var sum = 0;
        // 遍历数组
        for (var i = 0; i < arr.length; i++) {
            sum += arr[i];
        }
        console.log(sum);
    </script>
</body>

</html>

二、数组的排序

解析：

数组中有个方法叫做 sort( )给数组排序——该知识点已经在前文讲述，在这里就不再赘述，那么如何在不适用这个方法的情况下进行数组的排序呢？
可以采取两个数字比较大小的方法，当比较之后让两数字的位置发生变化，在这里依旧可以采用这种方法，不过是元素变多了而已需要进行多次比较而已。

JS实现过程：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 利用字面量的方式创建一个数组
        var arr = [3, 4, 6, 2, 67, 45];
        // 遍历数组
        for (var i = 0; i < arr.length; i++) {
            // 内层循环并加以条件判断
            for (var j = 0; j < arr.length - i - 1; j++) {
                if (arr[j] > arr[j + 1]) {
                    var t = arr[j];
                    arr[j] = arr[j + 1];
                    arr[j + 1] = t;
                }
            }
        }
        console.table(arr);
    </script>
</body>

</html>

三、数组的去重

解析：

这里是要去除数组中相同的元素，那么同样需要使用遍历数组，并使用两个for循环并加以条件判断，当数组内的元素出现相同时，使用数组中的方法——splice（）（该知识点已经在前文讲述，在这里就不再赘述）即可。

JS实现过程：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 5.[1,3,5,2,1,4,3,1,2,5,3,1,2,1]对该数组去除重复数据
        // 创建数组并完成初始化
        var arr = [1, 3, 5, 2, 1, 4, 3, 1, 2, 5, 3, 1, 2, 1];
        // 遍历数组并加以条件判断
        for (var i = 0; i < arr.length; i++) {
            for (var j = i + 1; j < arr.length; j++) {
                // 当出现重复数据时，将该元素从数组中删除
                if (arr[i] == arr[j]) {
                    arr.splice(j, 1);
                    j--;
                }
            }
        }
        console.table(arr);
    </script>
</body>

</html>