javascript的数组

GRIT️‍

已于 2023-05-12 19:54:29 修改

阅读量166

点赞数

文章标签： javascript 开发语言前端 html

于 2023-05-12 19:51:36 首次发布

本文链接：https://blog.csdn.net/weixin_73184497/article/details/130622881

版权

本文介绍了JavaScript中数组的创建、访问元素、计算数组元素总和及平均值的方法。同时展示了如何将数组转换为字符串、添加元素、筛选大于特定值的元素以及实现倒序排列。最后，通过冒泡排序算法对数组进行排序。

摘要由CSDN通过智能技术生成

1、标识符的命名规范：

变量函数的命名必须要有意义，变量的名称一般用名词，函数的名称一般用动词。

创建数组

1、①var 数组名=new Array();

var arr=new Array();-------->创建一个新数组

注意Array的a要大写

②使用数组字面量创建数组：var 数组名=[ ]

③利用数组字面量方式创建带初始值的数组：var 数组名=['小白’，‘小黑’，‘大黄’];

2、获取数组的索引值：数组名[索引]

例：var arr=[1,2,3]

alert(arr[1])得到的就是2；

求数组[1,2,3,4,56,6]里面所有元素的和并求其平均值

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
       var arr=[1,2,3,456,78,8];
       var sum=arr[0];
       var max=arr[0];
       var average=0;
       for(var i=1;i<arr.length;i++){
        sum+=arr[i];
        if(arr[i]>max){
            max=arr[i];
        }
       }
       average=sum/arr.length;
       console.log(sum);
       console.log(average);
       console.log('该数组的最大值是：'+max);
    </script>
</head>
<body>
    
</body>
</html>

3、将数组['red','green','blue']转化为字符串，并且用|或者其他字符分割

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
       var arr=['red','green','blue'];
       var str='';
       for(var i=0;i<arr.length;i++){
        str=str+arr[i]+'|';

       }
       console.log(str);
    </script>
</head>
<body>
    
</body>
</html>

注意运用先创建str=' ';再遍历数组再一个一个加上去。

4、数组中新加元素：可以通过修改length 的值来实现数组扩容的目的。

可直接写为：arr.length=7;即可增加数组容量，多余为给值的默认值就是“undefined'.

5、将大于10的数选出来放入新的数组：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
       var arr=[1,5,7,0,10,20,30,40,50];
       var arr1=[];
       var j=0;
       for(var i=0;i<arr.length;i++){
        if(arr[i]>10){
            arr1[j]=arr[i];
            j++
        }
        
       }
       console.log(arr1);
    </script>
</head>
<body>
    
</body>
</html>

注意点：想到新建一个新数组储存，并且要令新数组的索引值=0；再赋值后加。

另：可以不写j，直接写为arr1.length,因为数组刚开始的长度就是0；再慢慢加。

5、倒序

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
       var arr=[1,5,7,0,10,20,30,40,50];
       var arr1=[];
       for(var i=arr.length;i>0;i--){
        arr1[arr1.length]=arr[i];  重点思路
       }
       console.log(arr1);
    </script>
</head>
<body>
    
</body>
</html>

冒泡排序

一次比较两个元素交换位置排序。

以arr=[5,4,3,2,1]为例，以下为主要思路，重点！！！

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
       var arr=[5,4,36,3,7,1];
       for(var i=0;i<=arr.length-1;i++){
        for(var j=0;j<=arr.length-i-1;j++){
            if(arr[j]>arr[j+1]){
                var temp=arr[j];
                arr[j]=arr[j+1];
                arr[j+1]=temp;
            }
        }

       }
       console.log(arr);
    </script>
</head>
<body>
    
</body>
</html>