Javascript 数组array赋值与取值

news/2024/5/18 15:13:49 标签: javascript, udp, 开发语言

Javascript 数组array赋值与取值

目录

Javascript 数组array赋值与取值

一、数组元素的赋值

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

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

二、数组元素的获取


 

一、数组元素的赋值

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

  • (1)在创建Array对象时直接赋值;
  • (2)利用Array对象的元素下标对数组进行赋值;

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

 

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

语法:

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

举例:

javascript"><!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>

在浏览器预览效果如下:

 

a98ebca885f974d844d1a8c71ff1a23a.png

 

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

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

语法:

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

举例:

javascript"><!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种获取数组某一项的值都是通过数组元素的下标来获取。

举例:

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>

在浏览器预览效果如下:

 

e4d0fdf6c122dd0416d1c1a2a55ea054.png

 

举例2:

javascript"><!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>

在浏览器预览效果如下:

 

7d022f6f0b53e48933ec03978c1cadba.png

其中arr.length表示获取数组arr的长度。

 


http://www.niftyadmin.cn/n/5255076.html

相关文章

Spring中@Contorller和@ResController的区别

Controller 和 RestController 是在 Spring 框架中用于定义控制器的注解&#xff0c;它们之间有一些区别。 一、Contorller Controller 注解用于标识一个类为控制器&#xff08;Controller&#xff09;。控制器负责处理客户端请求并返回相应的响应。在使用 Controller 注解时&…

网络互连与常用设备

网络互连是为了将两个以上具有独立自治能力、同构或异构的计算机网络连接起来&#xff0c;实现数据流通&#xff0c;扩大资源共享的范围&#xff0c;或者容纳更多的用户。网络互连包括局域网与局域网的互连、局域网与广域网的互连、广域网与广域网的互连&#xff0c;这可以扩大…

抖音各加密参数说明和获取(含代码)

​X-Bogus&#xff1a;X-Bogus是一种防数据包伪造的一个参数&#xff0c; 又称为x伪造&#xff0c;主要用于反爬虫&#xff0c;这个是某节公司下面基础服务&#xff0c;这个反爬虫机制几乎用在了它所有的产品中&#xff0c;不过&#xff0c;只要是能正常使用&#xff0c;这些东…

离线环境下安装python库(推荐pip download)

离线环境下安装python库&#xff08;推荐pip download&#xff09; 目录 1.需求 2.失败操作&#xff08;注意&#xff09; 3.成功操作 4.其它参考 1.需求 机器部署web系统环境后&#xff0c;就不可再次联网&#xff0c;所以升级python web后端&#xff0c;需要离线安装pyt…

【每日一题】【12.11】1631.最小体力消耗路径

&#x1f525;博客主页&#xff1a; A_SHOWY&#x1f3a5;系列专栏&#xff1a;力扣刷题总结录 数据结构 云计算 数字图像处理 1631. 最小体力消耗路径https://leetcode.cn/problems/path-with-minimum-effort/这道题目的核心思路是&#xff1a;使用了二分查找和BFS &a…

AR-LDM原理及代码分析

AR-LDM原理AR-LDM代码分析pytorch_lightning(pl)的hook流程main.py 具体分析TrainSampleLightningDatasetARLDM blip mm encoder AR-LDM原理 左边是模仿了自回归地从1, 2, ..., j-1来构造 j 时刻的 frame 的过程。 在普通Stable Diffusion的基础上&#xff0c;使用了1, 2, .…

数据库中常用的锁

目录 1、数据库中常用的锁类型 2、常见的数据库 3、以MySQL为例 3.1 MySQL的事务 3.2 MySQL事务的四大特性 1. 原子性&#xff08;Atomicity&#xff09; 2. 一致性&#xff08;Consistency&#xff09; 3. 隔离性&#xff08;Isolation&#xff09; ⭐mysql中的事务隔…

三哥的黑科技,印度发布无线加热服装专利,冬季神器要来了

众所周知风和自由在冬天是不存在的&#xff0c;冬天只剩下冰冷的像刀子一样的风刮在你的脸上&#xff0c;哪怕穿的很厚&#xff0c;戴上全盔&#xff0c;也无法阻挡冰冷的风带走你身体温度&#xff0c;如果穿的特别多&#xff0c;骑车时候的舒适感和穿脱衣物的繁琐也是一大头疼…