Javascript 数组array赋值与取值

Javascript 数组array赋值与取值

目录

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>

在浏览器预览效果如下:

 

a98ebca885f974d844d1a8c71ff1a23a.png

 

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>

在浏览器预览效果如下:

 

e4d0fdf6c122dd0416d1c1a2a55ea054.png

 

举例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>

在浏览器预览效果如下:

 

7d022f6f0b53e48933ec03978c1cadba.png

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

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/266365.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Viewport Meta 标记:让网页适应各种设备的魔法符号

在我们用手机或平板电脑浏览网页时&#xff0c;你是否曾发现有些网页能够很好地适应屏幕&#xff0c;而有些却需要左右滑动才能完整显示内容&#xff1f;这就涉及到一个神奇的东西——Viewport Meta 标记。 最近本人在研究自适应的各自实现方法&#xff0c;比如media媒体查询、…

【jitterbuffer】2:OnCompleteFrameCallback 送去FrameBuffer 处理的流程

【jitterbuffer】2:OnCompleteFrameCallback 送去FrameBuffer 处理的流程 基于m98版本。 WebRtc Video Receiver(六)-FrameBuffer原理 大神有个详细的论述。 Finder的FID设计 H.264 没有FID,使用RtpSeqNumOnlyRefFinder ,比较复杂,要做出决定 RtpSeqNumOnlyRefFinder cla…

Linux(17):认识与分析登录档

什么是登录档 【详细而确实的分析以及备份系统的登录文件】是一个系统管理员应该要进行的任务之一。 登录档 就是记录系统活动信息的几个文件&#xff0c;例如&#xff1a;何时、何地(来源IP)、何人(什么服务名称)、做了什么动作(讯息登录啰)。 换句话说就是&#xff1a;记录系…

这样的软件测试面试题,谁面试遇到谁淘汰!!!

88 11.6 自动化测试用例的来源 手工编写测试用例 把原来手工的测试用例&#xff0c;当成自动化测试用例 11.7 自动化测试的优点与缺点 优点: 1、对程序的回归测试更方便 2、可以运行更多更繁琐的测试 3、提高测试效率和准确性&#xff0c;节约时间成本 4、可以执行一些手工测试…

【力扣】234.回文链表

嗯&#xff0c;今天这道题是我自己写的哦~&#xff0c;哒哒哒。今天还是很不错滴~ 234.回文链表 说一下我的解题思路&#xff0c;首先我的想法很简单就是将这个链表反转&#xff0c;然后将反转之后的链表与原链表进行对比。相等就返回true,不相等就返回false。所以我就想到了昨…

ArkTS入门

代码结构分析 struct Index{ } 「自定义组件&#xff1a;可复用的UI单元」 xxx 「装饰器&#xff1a;用来装饰类结构、方法、变量」 Entry 标记当前组件是入口组件&#xff08;该组件可被独立访问&#xff0c;通俗来讲&#xff1a;它自己就是一个页面&#xff09;Component 用…

数据结构之----算法简单介绍

数据结构之----算法简单介绍 什么是算法&#xff1f; 算法是指在有限的时间内得出想要的结果的一组指令或者是操作步骤。 算法特性&#xff1a; 问题是明确的&#xff0c;包含清晰的输入和输出定义。具有可行性&#xff0c;能够在有限步骤、时间和内存空间下完成。各步骤都…

说说您见过最惊艳的sql语句是什么?

【关注微信公众号&#xff1a;跟强哥学SQL&#xff0c;回复“笔试”免费领取大厂SQL笔试题。】 前几天偶然在知乎上刷到一个有趣的问题&#xff1a;请问您见过最惊艳的sql查询语句是什么&#xff1f; 这个问题的浏览量竟然高达139.8万&#xff01; 看到这个问题&#xff0c;我…

Python中的【yield】关键字:让【函数】变身成为【生成器】

引言 在Python中&#xff0c;yield是一个非常重要的关键字&#xff0c;它允许我们将一个函数变成一个生成器。生成器是一个非常有用的工具&#xff0c;可以按需生成数据&#xff0c;节省内存空间&#xff0c;并且在处理大数据集时特别有效。在本文中&#xff0c;小编将深入探讨…

教师们如何一对一私发成绩?

在传统的教育中&#xff0c;老师通常会通过班级群或家长会等方式发布学生的成绩信息。然而&#xff0c;这种公开的方式可能会让一些学生感到尴尬和不安&#xff0c;因为他们可能不愿意让其他人知道他们的成绩情况。为了解决这个问题&#xff0c;今天我就给老师们推荐一款免费的…

JavaEE之多线程编程:1. 基础篇

文章目录 一、关于操作系统一、认识进程 process二、认识线程三、进程和线程的区别&#xff08;重点&#xff01;&#xff09;四、Java的线程和操作系统线程的关系五、第一个多线程编程 一、关于操作系统 【操作系统】 驱动程序&#xff1a; 如&#xff1a;我们知道JDBC的驱动程…

对象与对象数组

对象与对象数组 实验介绍 本章节主要介绍对象数组和对象成员。在实际的开发中&#xff0c;对象数组和对象成员是经常使用的&#xff0c;所以首先需要学习对象数组与对象成员的各种使用方法。 提示&#xff1a;为了方便课程讲解&#xff0c;示例代码使用类内定义的方式实现&a…