Javascript 数组array赋值与取值

杨得江-君临天下wyj

于 2023-12-11 21:21:16 发布

阅读量819

点赞数 8

分类专栏： JAVA JavaScript 文章标签： javascript udp 开发语言

本文链接：https://blog.csdn.net/2301_78835635/article/details/134738494

版权

JAVA 同时被 2 个专栏收录

111 篇文章 1 订阅

订阅专栏

JavaScript

30 篇文章 0 订阅

订阅专栏

Javascript 数组array赋值与取值

一、数组元素的赋值

1、在创建Array对象时直接赋值

2、利用Array对象的元素下标对数组进行赋值

二、数组元素的获取

一、数组元素的赋值

对数组元素赋值共有2种方法：

（1）在创建Array对象时直接赋值；
（2）利用Array对象的元素下标对数组进行赋值；

其实这两种方式我们在前两节都已经接触过了，这里我给大家系统总结一下：

1、在创建Array对象时直接赋值

。

语法：

var 数组名 = new Array(元素1,元素2,…,元素n);

举例：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        //创建数组的同时对元素赋值
        var arr=new Array("html","css","javascript");
        document.write(arr.length);
    </script>
</head>
<body>
</body>
</html>

在浏览器预览效果如下：

2、利用Array对象的元素下标对数组进行赋值

这个方法可以随时向Array对象中输入元素值，或者是修改数组中的任意元素值。

语法：

var 数组名 = new Array();
数组名[0] = 元素1;
数组名[1] = 元素2;
……
数组名[n] = 元素(n-1);

举例：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        //创建数组
        var arr=new Array();
        //通过下标对数组元素赋值
        arr[0] = "html";
        arr[1] = "css";
        arr[2] = "javascript";
        //修改arr[0]（即第1个元素）的值
        arr[0] = "vvv";
        document.write(arr[0]);
    </script>
</head>
<body>
</body>
</html>

二、数组元素的获取

在JavaScript种获取数组某一项的值都是通过数组元素的下标来获取。

举例：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        //创建数组
        var arr=new Array("中国","广东","广州","天河","暨大");
        document.write(arr[4]);
    </script>
</head>
<body>
</body>
</html>

在浏览器预览效果如下：

举例2：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        //创建数组
        var arr=new Array("中国","广东","广州","天河","暨大");
        //利用for循环获取所有数组元素
        for(var i=0;i<arr.length;i++)
        {
            document.write(arr[i] + "<br/>");
        }
    </script>
</head>
<body>
</body>
</html>

在浏览器预览效果如下：