06 使用数组

m0_73745472

已于 2023-07-18 10:35:55 修改

阅读量26

点赞数

分类专栏： JavaScript基础文章标签： javascript 前端开发语言

于 2023-07-18 06:57:17 首次发布

本文链接：https://blog.csdn.net/m0_73745472/article/details/131778493

版权

JavaScript基础专栏收录该内容

8 篇文章 0 订阅

订阅专栏

一、创建数组

1. new Array()

var student1 = {
    name:"Jame",
    age:12;
};
var student2 = {
    name : "Sam",
    age : 13
}
var stuList = new Array();
stuList[0] = student1;
sthList[1] = student2;
stuList[2] = "Amy";
sthList[3] = false;

注意：

在Javascript语言中

创建数组时可以不声明数组的长度
数组中存放的数据类型也不必一致

2. 字面量

var stuList = [
    {name:"Jame",age:12},
    {name : "Sam",age:13},
    "Amy",
    false
];

注意最后一个元素后边没有逗号。

二、读取和修改数组内容

var scores = [88,87,66,90];
//读取
console.log(scres[0]);
//修改
scores[2] = 70;

使用[下标]的格式进行读取和修改。

下标的起始点为 0 。

三、数组元素遍历

利用for循环

var arr = ["java","script",true];
for(var i = 0;i < arr.length;i++){
    console.log(i + "-" + arr[i]);
}

四、数组内置的常见方法

常用的数组方法
方法	说明	返回值
concat(数组名)	将数组和参数所指的数组合并为一个新数组。可指定多个数组。	数组
join(分隔符)	将数组元素转化成字符串，各元素之间用分隔符（参数）隔开	字符串
pop()	删除返回最后一个元素	对象
push(item)	将元素添加到数组最后	void
reverse()	就地反转数组的次序	数组
shift()	删除返回第一个元素	对象
sclice(start,end)	返回子数组	数组
sort()	就地返回数组元素排序	数组
unshift(item)	插入到开头	void

1、concat()

var arr1 = [1,2,3];
var arr2 = [4,5,6];
var arr3 = arr1.concat(arr2);
console.log(arr1);
console.log(arr2);
console.log(arr3);

没有对原数组修改。

2、join()

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        var arr1 = [1,2,3];
        var aString = arr1.join('-');
        console.log(arr1);
        console.log(aString);
    </script>
</body>
</html>

不修改原数组的值

3、push()与pop()

十进制转二进制

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        var num = 11;
        var arr = [];
        while(num != 0){
            var b = num % 2;
            arr.push(b);
            num = parseInt(num/2);
        }
        console.log(arr);
        var newArr = [];
        while(arr.length!=0){
            var b = arr.pop();
            newArr.push(b);
        }
        console.log(newArr);
    </script>
</body>
</html>

3、reverse()

对十进制转二进制的案例进行优化，直接对原数组进行反转即可。

通过函数进行操作

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        var num = prompt("请输入需要转换为二进制的十进制数字");
        function toBinary(num){
            var arr = [];
            while(num != 0){
                var b = num % 2;
                arr.push(b);
                num = parseInt(num/2);
            }
            console.log(arr);
            // arr = arr.reverse();
            arr.reverse();
            console.log(arr);
           
            return arr;
        }
        var bString = toBinary(num).join();
        alert(num+"转换为二进制为" + bString);


    </script>
</body>
</html>

输入11

修改了原数组、

五、二维数组

数组中嵌套数组

<!DOCTYPE html>

<html lang="en">
<head>
    <title>Chapter 2, Example 9</title>
</head>
<body>
    <script>
        var personnel = [];

        personnel[0] = [];
        personnel[0][0] = "Name0";
        personnel[0][1] = "Age0";
        personnel[0][2] = "Address0";

        personnel[1] = [];
        personnel[1][0] = "Name1";
        personnel[1][1] = "Age1";
        personnel[1][2] = "Address1";

        personnel[2] = [];
        personnel[2][0] = "Name2";
        personnel[2][1] = "Age2";
        personnel[2][2] = "Address2";

        document.write("Name : " + personnel[1][0] + "<br/>");
        document.write("Age : " + personnel[1][1] + "<br/>");
        document.write("Address : " + personnel[1][2]);
    </script>
</body>
</html>