08 笔记

最新推荐文章于 2024-10-09 11:19:11 发布

梦梦的小斑鸠

最新推荐文章于 2024-10-09 11:19:11 发布

阅读量77

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/CP011522/article/details/126910274

版权

数组

<body>
    <script>
        let array = [1,2,3,4,5]
        console.log(array);//12345
        console.log(array[1]);//2

        // 数组的长度
      console.log(array.length);//5

    //   遍历数组
    for (let i = 0; i < array.length; i++) {
        console.log(array[i]);
        // console.log(array[2]);
        // console.log(array[5]);
        // console.log(array[1]);
        // console.log(array[2]);
        // console.log(array[3]);
        // console.log(array[4]);
        // console.log(array[5]);
        
    }
    
    </script>

</body>

数组增删改查

<body>
    <script>
        let array = [1,2,3,4,5]
        // 数组新增，push添加到末尾
        array.push(6)
        console.log(array);//[1,2,3,4,5,6]

        // 数组的新增，unshift添加到开头
        array.unshift(0)
        console.log(array);//[0,1,2,3,4,5,6]

        // 数组删除pop
        array.pop(6)
        console.log(array);
        //删除第一个数组shift
        array.shift(array);

    //    数组的删除指定元素
    // 数组名字.sploce(start,deletCount)
    // 从0开始咯
    // 如果删除数组量
    array.splice(1,3)
    console.log(array);//1,5
    
    // 数组赋值
    array[0] = '6'
     console.log(array);
     array[3] = '48'
     console.log(array);
   

    </script>
    
</body>

map数组遍历器

filter用给定条件过滤

forEach数组遍历器

<body>
    <script>
            let arr = [11,22,33,44,55,66]; 
         //数组中每一个元素+2
         let arr1 = arr.map((value, index) => { 
            return value +2;
         })
        //让每一个元素的值+
        console. log(arr1); //[13, 24, 35, 46, 57, 68]
        //数组中的每一个元素*2 
        let arr2=arr.map((value,index)=> {
            return value *2;
         })  
        console.log(arr2); // [22, 44, 66, 88, 110, 132]

        // forEach
           arr. forEach((item, index) => { 
            console.log(`下标为${index}的元素是${item}`); 
           })

            // 03-forEach数组遍历器.html:20下标为0的元素是11
            // 03-forEach数组遍历器.html:20下标为1的元素是22
            // 03-forEach数组遍历器.html:20下标为2的元素是33
            // 03-forEach数组遍历器.html:20下标为3的元素是44
            // 03-forEach数组遍历器.html:20下标为4的元素是55
            // 03-forEach数组遍历器.html:20下标为5的元素是66
         
         //(1)需求:找出数组中的偶数 
         let arr7 = arr.filter((item) => {
            return item % 2 == 0;
            
         })
         console.log(arr7);
         //(5)[60,88,90,108,260] 0;
    </script>
  
    
</body>