0


【JavaScript—数组】详解js数组一篇文章吃透js-数组

目录


a5bf620cfefa497fa67c640c1c6b41aa.jpg

前言

博主是👦一个帅气的boy,你可以叫我山鱼君
🖱 ⌨个人主页:山鱼君🐟的个人主页
💖💖如果这篇文章对你有帮助的话希望三连下👍⭐✍支持一下博主🌊

如果有什么建议的话可以在评论区留言哦!或者私信博主而也可以哦!

JavaScript篇——js数组详解

数组

概念:数组是指一组数据的集合 ,其中的每个数据被称作元素,在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名 下的一种方式。

创建数组

创建数组的方式有两种,一种是利用new创建数组,另一种是利用数组字面量创建数组。数组内的数据称为数组元素

1c0f81c34abb4ab0ae387013d7019925.png

** 注:数组中可以存放任类型的数据,如字符串,数字.布尔值等。**

索引下标来访问数组元素【数组名[数组下标]】

数组元素排列方式:数组的排列顺序是从0开始的,也就是下面这个数组里面的数字1的下标就是0也就是数组中的第一个,数字2下标就是1,数组中的第二个数组元素,后面的以次类推。

bde657f1a1d749578c51b7db22cc6a3c.png

由此可知以下数组返回值及下标是什么

fae1296531cd49468ce9c49e6581b4e5.png

注:在图中可以看到下标为5的数组元素并没有所以返回值为unidentified

1.遍历数组

怎么把数组里面的元素全部取出来?

从代码中我们可以发现,从数组中取出每一个元素时 ,代码是重复的,有所不一样的是索引值在递增,所以使用循环就可以啦!

1.遍历

把数组的元素从头到尾访问一次

5f9ff949897b4cc08ee0d3bf786db6e6.png

2.数组长度arr. length动态监测数组元素的个数

9039f679cd9245bcb071c4d8f3a0f988.png

所以可以用arr. length来得出数组的长度,那么这个数组的长度就是8

3.求数组的和以及平均数

c4d631886e844fb0a54003122eeb7e47.png

所以最后的sum和average分别为24,4.8

注:也可以直接一同输出sum和average

4.求数组中的最大值

用max和当前数组中的元素比较,如果arr[i]>max,那么就把值给到max

<script>
    //求数组[1,23,55,6,7,89,9]中的最大值
    //声明一个保存最大元素的变量max。
    //默认最大值可以取数组中的第一个元素。
    //遍历这个数组,把里面每个数组元素和max相比较。
    //如果这个数组元素大于max 就把这个数组元素存到max里面,否则继续下一轮比较。
    //最后输出这个max 
    var arr = [1,23,55,6,7,89,9];        //初始化数组
    var max = arr[0];                     //声明最大数组max
    for(var i = 1;i < arr.length;i++){    //利用for循环遍历该数组
        if(arr[i]>max){                    //将该数组的值依次和max比较
            max = arr[i];                //若arr[i]中的数字比max的值大,就把arr[i]的数值保存到max中
        }
    }console.log('该数组最大值为'+max);    //输出最大值
    </script>

5.最小值同理

  <script>

    var arr = [1,3,54,66,76,99,0];

    var min = arr[0];

    for(var i = 1;i<arr.length;i++){

        if(min>arr[i]) {

            min = arr[i];

        }

    }

    console.log('最小值为'+min);

    </script>

2.如何将数组转化为字符串

和之前的打印小星星的案例差不多,都先给一个str的空字符串值。

 <script>
        //将数组['黑胡子','白胡子','马尔科','巴基','白胡子二世','雷利']转换为字符串, 并且用,分割
        // 1.需要一个新变量用于存放转换完的字符串str。
        //2.遍历原来的数组,分别把里面数据取出来,加到字符串里面。
        // 3.同时在后面多加一个分隔符

        var arr = ['黑胡子','白胡子','马尔科','巴基','白胡子二世','雷利'];
        var str = ''
        for(var i = 1;i<arr.length;i++){
            str+=arr[i]+','
        }
        console.log(str);
        
    </script>

3.数组如何新增数组元素

1.通过修改length长度新增数组元素

●可以通过修改 length长度来实现数组扩容的目的

●length 属性是可读写的

0fd2760ca724425d9fef118152c72f11.png

2.通过修改数组索引新增数组元素

c1d90b1fb93640f79639a02bcd4769fd.png

3.如果该元素已经有数组元素了那么再此赋值给他会怎么样呢?

45e47c1816334b71a0ccde4d57178bd7.png

**注:也就是说,如果给一个已经有值的元素赋值,那么新赋的值会替换掉以前的值 **

4.向数组中加入10个整数数组元素从1-10

7fca1998a84d40babb769635c781a53c.png

4.如何进行筛选数组元素

1.方法1

<script>
    var arr = [12,3,34,5,67,31,9,18];//创建一个数组
    var newarr = [];                 //创建一个空数组,用来存储小于10 的数字
    var j = 0;                       //初始化j为0
    for(var i = 0;i< arr.length;i++){   //用for循环来遍历数组内的数组元素
        if(arr[i]<10){               //用if来判断数组内那些数组元素大于10
            newarr[j]=arr[i]         //将符合条件的数组元素放到新的数组内
            j++                      //这个j的作用就是用来代替新数组中的初始下标的,不能直接用i哦!
        }
    }
    console.log(newarr);             //返回值为3 5 9
    
    </script>

2.方法2

<script>
    var arr = [12,3,34,5,67,31,9,18];       //创建一个数组
    var newarr = [];                    //创建一个空数组,用来存储大于10 的数字
    newarr.lenght                        //获取新数组的长度,也就是0
    for(var i = 0;i< arr.length;i++){   //用for循环来遍历数组内的数组元素
        if(arr[i]<10){                  //用if来判断数组内那些数组元素大于10
            newarr[newarr.lenght]=arr[i]            //将符合条件的数组元素放到新的数组内
                                         //所以newarr[newarr.lenght]既是newarr[0]就是新数组的第一个元素当arr中的元素
                                        符合条件就会放入新数组中,也就是相当于新数组的长度变成1了,后面以此类推
        }
    }
    console.log(newarr);                //返回值为 3 5 9
</script>

写在最后

原 创 不 易 , 还 希 望 各 位 大 佬 支 持 一 下✨

点赞👍:您的赞赏是我前进的动力!
收藏⭐:您的支持我是创作的源泉!
评论✍:您的建议是我改进的良药!
山鱼🦈的个人社区: 欢迎大家加入我的个人社区—— 山鱼社区 💖💖如果对你有帮助的话希望三连下👍⭐✍支持一下博主🌊

标签: javascript 前端 html

本文转载自: https://blog.csdn.net/zhaochen1127/article/details/126494550
版权归原作者 山鱼菌(互奶) 所有, 如有侵权,请联系我们删除。

“【JavaScript&mdash;数组】详解js数组一篇文章吃透js-数组”的评论:

还没有评论