关于js 数组小基础

66 阅读1分钟

1.js数组

数组(Array)是一种可以按顺序保存数据的数据类型

1.声明语法

 <script>
     // let arr = [数据1, 数据2,数据3...,数据n]
     
      let names = ]['乔一''乔二''乔三']
    </script>
  • 数组是按顺序保存,所以每个数据都有自己的编号
  • 计算机中的编号从0 开始,所以乔一的编号为0, 以此类推
  • 在数组中,数据的编号也叫索引或下标
  • 数组可以储存任意类型的数据

2.取值语法

 <script>
     // let arr = [数据1, 数据2,数据3...,数据n]
      let names = ]['乔一''乔二''乔三']
     
     // 数组名[下标]
     names[0]   //乔一
     names[1]   //乔二
     
    </script>
  • 通过下标取数据
  • 取出来是什么类型的,就根据这种类型特点来访问

3.一些术语

  • 元素:数组中保存的每一个数据都叫数组元素
  • 下标:数组中的数据编号
  • 长度:数组中数据的个数,通过数组的length属性获得
<script>
     // let arr = [数据1, 数据2,数据3...,数据n]
      let names = ]['乔一''乔二''乔三']
     
     // 数组名[下标]
     names[0]   //乔一
     names[1]   //乔二
     console.log(names[0])  //乔一
     console.log(names[1])   //乔二
     console.log(names.length)  // 3
    </script>

4.遍历数组

  • 用循环把数组每个元素都访问到,一般会用for 循环遍历
  • 语法:
<script>
      let arr = ['空集姐','乔1','乔2','乔3','乔4','乔5','乔6']
    //   console.log(arr.length);
		//	arr 为数组名				
    for (let index = 0; index < arr.length; index++) {
        
        console.log(arr[index]);
    }

      
    </script>

2.操作数组

数组本质是数据集合,操作数据无非就是 增 删 改 查 语法:

1.查、改语法及介绍

<script>
     // let arr = [数据1, 数据2,数据3...,数据n]
      let names = ['乔一''乔二''乔三']
     
     // 数组名[下标]
     names[0]   //乔一
     names[1]   //乔二
    
    names[1] = ('卖鱼强')  //  改值被为:卖鱼强
    
     console.log(names[0])  //乔一 
     console.log(names[1])   //  数组[下标]  
     console.log(names.length)  // 3  数组长度:(个数)
    </script>

1648652232459.png

2.数组添加新的数据

1.数组.push() 将一个或多个元素添加到数组的末尾,并返回该数组的新长度 (重点)

<script>
    
      let names = ['乔一''乔二']
     
     names.push('桥三') // 添加多个 ['乔4','乔5']
  console.log(names) // ['乔一','乔二','桥三']
    </script>

1648652880251.png

2.数组.unshift(新增的内容) 将一个或多个元素添加到数组的开头,并返回该数组的新长度

<script>
    
      let names = ['乔一''乔二']
     
     names.unshift('桥三', '卖鱼强') // 可以添加多个 
  console.log(names) // ['桥三', '卖鱼强','乔一', '乔二']
    </script>

1648653248894.png

3.删除数组中数据

1. 数组.pop() 从数组中删除最后一个元素,并返回该元素的值

  <script>
        let arr = [1,5,9]
        arr.pop()
      
        console.log(arr); // [1,5]
    </script>

2. 数组.shift() 从数组中删除第一个元素,并返回该元素的值

 <script>
        let arr = [1,5,9]
        arr.shift()
      
        console.log(arr); // [5,9]
    </script>

3.数组.splice() 删除指定元素

<script>

        let arr = [1,5,9,2]
        
        //  arr.splice(元素的下标,  删除几个元素)
	 	//arr.splice(2,   1)
        // splice (起始位置 , 删除几个元素, 更改内容)
        arr.splice(2,1,63)
        
        console.log(arr);
    </script>

1648653992810.png