Day03-JS 数组

30 阅读1分钟

1. for循环

1.1 代码示例




    
    
    Document


  
    // 1. 输出1-100的数字
    for(let i = 1; i <=100; i++) {
        document.write(`这是第${i}个数 <br>`)
    }

    //2. 输出1-100之间的偶数的和
    let sum = 0
    for(let i = 1; i <= 100; i++) {
        if(i % 2 === 0) {
            sum += i
        }
    }
    document.write(`1-100之间的偶数和是:${sum}`)
    


1.2 遍历数组




    
    
    Document


    
        let arr = ['莎莎', '微微', '熊大', '熊二', '光头强']
        for(let i=0; i<=arr.length-1; i++) {
            document.write(`第${i+1}个同学是:${arr[i]} <br>`)
        }
    



1.3 continue和break的用法

image.png

1.4 for循环嵌套




    
    
    Document
    
        span {
            display: inline-block;
            color: rgb(26, 199, 208);
            padding: 5px 10px;
            margin: 2px;
            font-size: 20px;
            border: 1px solid rgb(213, 51, 183);
        }
    


  
    // 1.打印小星星
    for (let i = 0; i < 5; i++){
        for (let j = 0; j <= i; j++) {
            document.write(`⭐`)
        }
        document.write(`<br>`)
    }
    // 2.打印99乘法表
    for (let i = 1; i < 10; i++){
        for (let j = 1; j <= i; j++) {
            document.write(`<span>${j} x ${i} = ${i*j}</span>` )
        }
        document.write(`<br>`)
    }
  


image.png

2.数组

2.1 数组是什么

image.png

2.2 声明数组

image.png

2.3 数组的使用

image.png

2.4 数组的遍历

image.png

2.5 求数组最值




    
    
    Document


    
        let n = +prompt('请输入数组的长度:')
        let arr = []
        for(let i = 0; i max){
                max = arr[i]
            }
            if(arr[i] < min){
                min = arr[i]
            }
        }  
        document.write(`你输入的数组是:${arr} <br>`)
        document.write(`数组的最大值是:${max} <br>`)
        document.write(`数组的最小值是:${min}`)
    


image.png

2.6 数组操作--新增

image.png

image.png

2.7 数组检索

// 筛选数组中大于10的数



    
    
    Document


  
    let arr = [2,0,6,1,77,0,52,0,25,7]
    let newarr = []
     for(let i=0,j=0; i= 10){
            newarr[j] = arr[i]
            j++
        }
    }
    document.write(`原数组是:${arr} <br>`)
    document.write(`筛选后的新数组是:${newarr}`)
     
    
  


2.8 数组操作--删除

pop删除最后一个元素,返回删除值,不用带参数

image.png

shift删除第一个元素

splice删除指定元素

image.png




    
    
    Document


  
    let arr = ['莎莎', '鑫鑫','噜噜','可爱莎莎']
    document.write(`原数组是:${arr} <br>`)
    arr.splice(0,2)
    document.write(`使用splice方法删除数组前两个元素后,数组是:${arr}`)