美文网首页
JS基础案例16-数组

JS基础案例16-数组

作者: hi__world | 来源:发表于2018-10-05 18:04 被阅读0次
  • 用for循环给一个空数组赋值,值为1-10,打印出来;第2个需求再将上面这个循环里的偶数打印出来

数组结果

源码:

<script>
    var arr=[];//空数组

    for(var i=0;i<10;i++){//利用for循环赋值
        arr[i]=i+1;//数组是从0开始的,所以让arr[0]=1
    }

    for(var i=0;i<arr.length;i++){//最后在控制台打印起来
        console.log(arr[i])
    }

    for(var i=0;i<arr.length;i++){//在控制台打印偶数
        if(arr[i]%2==0){
            console.log(arr[i]+"是偶数")
        }
    }
</script>
  • 把1-100之间的奇数,放到数组里。

结果源码:

<script>
    var oddArr=[]
    for(var i=1;i<=100;i++){
        if(i%2!==0){
            oddArr[oddArr.length]=i;
            console.log(oddArr[oddArr.length]=i)//把它打印出来
        }
    }
</script>
  • 求这组数中所有数的和以及平均值。

arr=[1,1,2,3,5,8,13]

源码:

<script>
    var arr=[1,1,2,3,5,8,13];
    var sum=0;//用来求和;
    var pin;//用不求平均值;
    for(var i=0;i<arr.length;i++){
        sum+=arr[i];
    }

    pin=sum/arr.length;
    alert(sum)
    alert(pin)
</script>
  • 求数组中的最大值和最小值,以及所在位置。

<script>
    var arr=[1,1,2,3,5,8,13];
    var max=arr[0],min=arr[0];
    var index1,index2;
    for(var i=0;i<arr.length;i++){
        if(arr[i]>max){
            max=arr[i];
            index1=i;
        }
        if(arr[i]<min){
            min=arr[i];
            index2=i;
        }
    }

    
    if(index2==undefined){
        index2=0;
    }
    console.log(max+"|"+index1);
    console.log(min+"|"+index2);
    
</script>
  • 把数组中的"1"去掉。

    var arr=[1,1,2,3,5,8,13];
    var newArr=[];

    for(var i=0;i<arr.length;i++){
        if(arr[i]!==1){
            newArr[newArr.length]=arr[i];
        }
    }
    console.log(newArr)
  • 把数组之间用“|”分割开

<script>
    var arr=[1,0,2,3];
    var newArr=arr[0];

    for(var i=1;i<arr.length;i++){
        newArr=newArr+"|"+arr[i];
    }
    console.log(newArr)//最后数据类型变成字符串
</script>
  • 反转数组

<script>
    var arr=[1,2,3,4,5];
    var newArr=[];

    //第一种方法
    // for(var i=0;i<arr.length;i++){
    //  newArr[newArr.length]=arr[arr.length-1-i];
    // }
    //console.log(newArr)

    //第二种方法
    // for(var i=arr.length-1;i>=0;i--){
    //  newArr[newArr.length]=arr[i]
    // }
    // console.log(newArr)

    //第三种方法  在原数组上直接操作
    for(var i=0;i<arr.length/2;i++){
        var temp=arr[i];
        arr[i]=arr[arr.length-1-i];
        arr[arr.length-1-i]=temp;
    }
    console.log(arr)

    //JS是非常灵活的,同一个问题会有好几种方法。静下心来,慢慢学。不懂就是纸上画,在浏览器打断点,一步一个脚印的向前走。
</script>

相关文章

  • JS基础案例16-数组

    用for循环给一个空数组赋值,值为1-10,打印出来;第2个需求再将上面这个循环里的偶数打印出来 源码: 把1-1...

  • day05(2017.9.28)

    数组 声明变量是保存数据,数组可以保存多个变量 数组案例 函数 函数基础 函数小案例 arguments(参数)案例

  • JS数组基础

    介绍 数组(array)是按次序 排列的一组值。其中每一个值都有一个编号(编号默认从0开始). 当我们存储一系列值...

  • js基础--数组

    join() reverse() sort() concat() splice() push ()和pop() u...

  • JS基础-数组

    Array 对象 Array 对象用于在变量中存储多个值: 第一个数组元素的索引值为 0,第二个索引值为 1,以此...

  • js基础-数组

    一、数组的方法 1.数组的创建 要说明的是,虽然第二种方法创建数组指定了长度,但实际上所有情况下数组都是变长的,也...

  • js基础篇(一)——数组的各种操作

    js基础篇(三)——DOM的各种操作js基础篇(二)——字符串的各种操作 1. 创建数组 创建一个数组,有三种方法...

  • 前端学习大纲-基础篇

    js基础 数组操作哪些会改变原数组(pop、splice、reverse等等)哪些不会改变原数组(map、redu...

  • JS文集的目录

    js基础心法 深浅拷贝(递归)深浅拷贝(首层浅拷贝) js 数据处理 数组对象查找的常见操作数组对象去重的常见操作...

  • 前端面试题套路--补充版

    Javascript 基础: 1.js中数组常见的方法: 1.push()末尾添加,返回长度,改变原数组push(...

网友评论

      本文标题:JS基础案例16-数组

      本文链接:https://www.haomeiwen.com/subject/vunewftx.html