JS基础之数组

数组的基本使用

声明

1.字面量声明数组

 let arr = [1,2,'陈奕迅',true]

2.使用new Array 构造函数声明

 let arr = new Array(1,2,3,4)

遍历数组

 <body>
   <script>
     let arr = [1,2,'陈奕迅',true]
     for(let i = 0;i < arr.length;i++)
  {
     console.log(arr[i]);
     
  }
   </script>
 </body>

数组的操作

改值
 let arr = [1,2,'陈奕迅',true]
 arr[0] = 1
 arr[3] = arr[4] + '的富士山下'

非常简单捏。

添加新数据

数组.push()方法可以将一个或多个元素添加到数组末尾,并返回该数组的新长度。

   <script>
     let arr = [1, 2, '陈奕迅', true]
     arr[3] = arr[3] + '的富士山下'
     arr.push('明年今日也好听')
     console.log(arr)
     
   </script>
image-20250207202414296

arr.unshift()方法可以将一个或多个元素添加到数组的开头,并返回数组的新长度

 <body>
   <script>
     let arr = [1, 2, '陈奕迅', true]
     arr[3] = arr[3] + '的富士山下'
     arr.push('明年今日也好听')
     arr.unshift('ttdr爱听什么歌')
     console.log(arr)
   </script>
 </body>
image-20250207203105144

数组的筛选案例

需求:将数组[2,0.6,1,77,0,52,0,25,7]种大于等于10的元素选出来加入新数组

 <body>
   <script>
     let arr = [2, 0.6, 1, 77, 0, 52, 0, 25, 7]
     let newArr = []
     for(let i = 0; i< arr.length;i++){
       if(arr[i] >10){
         newArr.push(arr[i])
      }
    }
     console.log(newArr)
   </script>
 </body>
image-20250207203814503
删除数组中的数据

arr.pop()方法从数组中删除最后一个元素。

 <body>
   <script>
     let arr = [1, 2, '陈奕迅', true]
     arr.pop(arr)
     console.log(arr)
     
   </script>
image-20250207204515730

.shift()删除第一个元素

 <body>
   <script>
     let arr = [1, 2, '陈奕迅', true]
     arr.pop(arr)
     arr.shift(arr)
     console.log(arr)
   </script>
 </body>
image-20250207204816630

.splice(start,deleteCount)可以删除指定的元素,start表示起始位置,deleteCount表示删除几个元素,不设置删几个默认全删除

 <body>
   <script>
     let arr = [1, 2, '陈奕迅', true]
     arr.pop(arr)
     arr.splice(0,2)
     console.log(arr)
   </script>
 </body>
image-20250207205221789
暂无评论

发送评论 编辑评论


				
上一篇
下一篇