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


    目录

    前言

    数组 

    1.遍历数组

    1.遍历

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

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

    4.求数组中的最大值

    5.最小值同理

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

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

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

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

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

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

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

    1.方法1

     2.方法2

     写在最后


    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

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

     5.最小值同理

    1. <script>
    2. var arr = [1,3,54,66,76,99,0];
    3. var min = arr[0];
    4. for(var i = 1;ilength;i++){
    5. if(min>arr[i]) {
    6. min = arr[i];
    7. }
    8. }
    9. console.log('最小值为'+min);
    10. script>

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

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

    1. <script>
    2. //将数组['黑胡子','白胡子','马尔科','巴基','白胡子二世','雷利']转换为字符串, 并且用,分割
    3. // 1.需要一个新变量用于存放转换完的字符串str。
    4. //2.遍历原来的数组,分别把里面数据取出来,加到字符串里面。
    5. // 3.同时在后面多加一个分隔符
    6. var arr = ['黑胡子','白胡子','马尔科','巴基','白胡子二世','雷利'];
    7. var str = ''
    8. for(var i = 1;ilength;i++){
    9. str+=arr[i]+','
    10. }
    11. console.log(str);
    12. script>

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

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

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

    ●length 属性是可读写的

    0fd2760ca724425d9fef118152c72f11.png

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

    c1d90b1fb93640f79639a02bcd4769fd.png

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

    45e47c1816334b71a0ccde4d57178bd7.png

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

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

    7fca1998a84d40babb769635c781a53c.png

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

    1.方法1

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

     2.方法2

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

     写在最后
     

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

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

     

     

     

  • 相关阅读:
    Nacos单机启动的两种方式
    计算机毕设(附源码)JAVA-SSM基于云数据库的便民民宿租赁系统
    线程互斥锁、进程互斥锁、死锁,递归锁
    基于Cat混沌与高斯变异的改进灰狼优化算法-附代码
    js中的同步任务、异步任务、宏任务、微任务
    二叉树中的深搜
    网络工程师——常见技术与配置命令
    GEE:计算和打印GEE程序的执行时间
    北京筑龙:快消品行业如何迈入采购数字化快车道?
    将一维数组转为三维数组,html引入swiper并且自定义左右切换按钮
  • 原文地址:https://blog.csdn.net/zhaochen1127/article/details/126494550