【认识数组、js内置函数(方法)--------api:】

认识数组:

变量储存一个数据

数组:存储一组数据。(存储一组任意类型的数据)

​ 定义:一组数据的有序集合

如何显示数组:

字面量法:

​ var arr =[20,22,34,24,23]

构造函数法:

​ var arr = new Array(20,22,34,24,23)

​ var arr = new Array(10) //代表储存了10个数据,内部一个数据也没有 都是空的

<script>
   
    var arr =[20,22,34,24,23]
    //         0  1   2  3  4
    // 打印所有的数组
    console.log(arr)
        // 一个一个的打印
    console.log(arr[0]);
    console.log(arr[1]);
    console.log(arr[2]);
    console.log(arr[3]);
    console.log(arr[4]);
    //如何获取元素总个数    arr.length
    console.log(arr.length)
    //获取的是最后一个元素
    console.log(arr.length-1)
    //数组的遍历,元素一个一个的找一遍
    for (var i=0;i<=arr.length-1;i++){
      
      
        console.log(arr[i])
    }
    //for...in 语句
    // for(var k in arr){
      
      
    //  console.log(k);
    //   // console.log(arr[k]);
    //}
</script>

数组的遍历

for循环

 <script>
for (var i=0;i<=arr.length-1;i++){
      
      
        console.log(arr[i])
    }
</script>

for …in…

<script>
//for...in 语句
     for(var k in arr){
      
      
     console.log(arr[k]);
    }
</script>

二维数组(了解)

<script>
    var arr=[[1,2,3,4],[3,45,2,3],[53,4,23,54,6]];
 for(var i=0;i<arr.length;i++){
      
      
     for(var j=0;j<arr[i].length;j++){
      
      
         document.write(arr[i][j]+"&emsp;");
     }
     document.write("<br>")
 }
</script>

js内置函数(方法)--------api:

会改变原数组的:

1、push()

语法: arr.push(元素1,元素2,元素3)

含义:向arr数组尾部追加一个或多个元素;

返回值:追加后数组的长度

示例:

<script>
    var arr = [23,54,24,33];
    var res1 = arr.push("新增的1","新增的2")
    console.log(arr);
    console.log(res1);
</script>

2、pop()

语法:arr.pop()

含义:从数组中删除尾部的最后一个元素

返回值:删除的那个元素

<script>
    var arr = [23,54,24,33];
    var res1 = arr.pop()
    console.log(arr);
    console.log(res1);
</script>

3、unshift()

语法:arr.unshift(元素1,元素2,元素3)

含义:向arr数组头部追加一个或多个元素;

返回值:追加后数组的长度

<script>
    var arr = [23,54,24,33];
    var res1 = arr.unshift("新增的1","新增的2")
    console.log(arr);
    console.log(res1);
</script>

4、shift()

语法:arr.shift()

含义:从数组arr中删除头部的第一个元素

返回值:删除的那个元素

<script>
    var arr = [23,54,24,33];
    var res1 = arr.shift()
    console.log(arr);
    console.log(res1);
</script>

5、元素排序 sort()

语法:arr.sort(funcation(a,b){

return a-b})

注意:a-b 从小到大,b-a 从大到小

含义:给arr进行排序

返回值:排序后的数组

练习:

<script>
    var arr = [65, 43, 56, 33, 67, 97, 65, 88, 65, 57]
    var newarr = arr.sort(function(a,b) {
      
      return a - b;})
    console.log(newarr);
    console.log(arr);
    var min = newarr.shift();
    console.log(min);
    var max = newarr.pop();
    console.log(max);
    console.log(arr);
    var sum = 0;
    for(var i=0;i<=arr.length-1;i++){
      
      
        sum+=arr[i]
    }
    // console.log(sum/arr.length);
    console.log((sum/arr.length).toFixed(2));
</script>

6、reverse()

语法:arr.reverse()

含义:数组逆序,

返回值:逆序后的数组

练习:

<script>
    var arr = [65, 43, 56, 33, 67, 97, 65, 88, 65, 57]
    var res = arr.reverse()
</script>

7、splice()

语法:arr.splice(下标,个数)

​ arr.splice(下标,个数,新增元素)

含义:arr.splice(下标,n)删除从下标开始的n个元素

​ arr.splice(下标,n,新增元素)删除从下标开始后的n个数,再新增元素

返回值:以数组的形式将删除的元素返回

示例:

<script>
   //arr.splice(下标,n)删除从下标开始的n个元素
    var arr=[12,43,54,67];
    var res=arr.splice(1,2)
    console.log(arr)//[12,67]
    console.log(res)//[43,54]
    
    //arr.splice(下标,n,新增元素)删除从下标开始后的n个数,再新增元素
    var arr=[12,43,54,67];
    var res=arr.splice(1,1,5,4,4)
    console.log(arr)//[12,54,5,4,4,67]
    console.log(res)//[43]
    
    var arr=[12,43,54,67];
    var res=arr.splice(1,0,5)
    console.log(arr)//[12,5,43,54,67]
    //未删除则返回空数组
    console.log(res)//[ ]
    
</script>

不会改变原数组的

1、concat()

语法:arr.concat(arr1)

含义:把arr与arr1拼接到一起

返回值:新的数组;

<script>
    var arr = [1,2,3]
    var arr1 = [1,2,3]
    var res=arr.concat(arr1)
    console.log(res);
</script>

2、join() *******

语法:arr.join(”符号“)

含义:将数组元素用符号拼接成一个字符串

返回值:新的数组;

<script>
    var arr = [1,2,3]
    var res=arr.join("-")
    console.log(res);
</script>

3、indexOf()***

语法:arr.indeOf(元素)

含义:查找元素首次出现的下标位置,找不到就是-1

返回值:下标/-1

<script>
    var arr = [1,2,3,4,3,2]
    var res=arr.indexOf(2)
    console.log(res);
</script>

4、lastIndexOf()***

语法:arr.lastIndexOf(元素)

含义: 从后向前找元素第一次出现的下标位置 找不到就是-1

返回值:下标/-1

<script>
    var arr = [1,2,3,4,3,2]
    var res=arr.lastIndexOf(2)
    console.log(res);
</script>

5、slice()

语法:arr.slice(开始下标,结束下标) arr=[1,2,3,4] arr.slice(1,3)

含义:从数组中切出来一个数组(包左不包右)

返回值:切掉的数组

<script>
    var arr = [1,2,3,4,5]
    var res=arr.slice(2,3)
    console.log(res);
</script>

猜你喜欢

转载自blog.csdn.net/qq_45349018/article/details/121770909