当前位置:首页 > 技术分析 > 正文内容

JavaScript数组剖析

ruisui881个月前 (05-15)技术分析15

一、JavaScript数组的基本概念

JavaScript数组就是一组数据有序排列的一个集合。例如:var arr = [10,20,30,40,50]

数组元素:数组中的每一个值,就叫一个数组元素。比如:20就是一个数组元素

数组索引:数组中的第一个元素,都有一个编号(索引、下标),索引号是从0开始的正整数,依次为0、1、2……

数组元素的访问:数组名称连上[],[]中是元素的索引号,例如:arr[4]=50,arr[0]=10

数组的长度:指数组中元素的个数

问题:数组的长度,与数组中最大索引号有什么关系?也就是:数组个数-1=数组的最大索引号

二、创建一个JavaScript数组

(1)使用new运算符结合Array()构造函数来创建

方式一:创建一个未知长度的数组

var arr = new Array();

//增加数组元素,数组的值可以是任何的数据类型

//字符串、数值、布尔、undefined、null、array、object、 function

arr[0] = 10;

arr[1] = 20;

arr[2] = true;

arr[3] = "abc";

arr[4] = undefined; //相当于 arr[4];

//打印输出所有的值,通过document.write输出数组时,将自动转换成一个字符串输出

document.write(arr);

方式二:创建指定长度的数组,()中只有一个整数

var arr = new Array(3); //创建一个包含3个元素的数组

arr[0] = 10;

arr[1] = 20;

arr[2] = 30;

方式三:将多个数组元素添加小括号()中,各个元素间用逗号隔开

var arr = new Array(10,20,30,40,50);

arr[0] = arr[0] + 90; //将第0个元素加上90

document.write(arr[0]); //结果为100

(2)使用中括号[]来创建一个数组

var arr = [10,20,30,40];

var arr = [“周列生”,true,30,“大专”,“毕业院校”];

三、JavaScript数组的基本操作

(1)增加数组元素

var arr = [10,20,30];

arr[10] = 100;

arr[99] = 990;

(2)修改数组元素的值:

arr[10] = 100;

(3)删除一个数组元素

删除数组元素,使用delete运算符;

例如:delete arr[0]; //删除下标为0的数组元素

注意:用delete删除数组元素时,只是将内容清除,但所占空间还存在。

JavaScript多维数组

(1)使用new运算符和Array()函数来创建多维数组

Var arr = new Array();

arr[0] = 10;

arr[1] = [10,20,40]

arr[2] = new Array(); //JS从严格意义上来说只支持一维数组,但它可实现数组元素是数组。不具备完整二维数组的特性,因此必须先创建一个空的数组,然后再添加元素

arr[2][0] = “abc”; //如果没有上边一行,在PHP中是支持的

arr[2][1] = “edf”;

(2)使用[ ]方式来创建多维数组

var arr = [

[1,2,3,4,5],

[10,20,30,40,50],

[100,200,300]

];

JavaScript数组的元素,还可以是一个数组,这样的数组,称为“多维数组”,“多层级数据”,“二维数组”。

二维数组中的第一层数组,相当于表格中的行;第二层数组,相当于表格中的列。

除注明外的文章,均为来源:汤久生博客(QQ:1917843637),转载请保留本文地址!

扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/4092.html

分享给朋友:

“JavaScript数组剖析” 的相关文章

掌握版本控制:Git的那些常见用法与技巧

Git作为现代开发中最常用的版本控制系统,它的普及和高效性使得程序员几乎每天都在与它打交道。无论是个人项目,还是团队协作,Git都能帮助我们追踪代码的修改历史,保证代码版本的管理井井有条,并在多人协作时有效地避免冲突。本文将分享一些常见的Git用法与技巧,帮助你更好地掌握Git的强大功能,并提升你在...

vue2中路由的使用步骤,你学会了吗?

今天我们来整理下关于vue2中路由的使用步骤:1. 导入 vue 文件和Vue-router文件(注意:vue-router是依赖vue运行的,所以一定在vue后引入vue-router)2. 定义路由组件模板3. 创建路由实例并定义路由规则4. 将路由实例挂载给Vue实例5. 在结构区域定义控制路...

html5迁移到微信小程序的 方法 亲测可用

切图网习惯于在做小程序之前先做成html5+vuejs的形式,因为html5切图是我们比较熟悉的方式,而且有专业的工具 以及浏览器调试也会更加的方便 灵活,效率高,而且html5的方式可以方便预览看效果,方便调整,当html5页面做好确认没问题以后 再转成小程序或者官方出品wepy的方式,这个时候就...

Firefox正针对Vue.js进行优化,下版本响应速度将“显著提升”

IT之家 9 月 7 日消息,据 Mozilla 官方博客发文显示,Firefox 浏览器正针对 Vue.js 进行优化,此前 FireFox 浏览器在面向 Vue 3 时遇到了一些性能问题。▲ 图源 Mozilla 官方博客目前开发人员已经对此进行了解决,在 Firefox 118 内部版本中进行...

vue 异步更新那点事儿 #web前端

异步更新那点事儿。wue & vueuse官方团队成员。看一下群友投稿的问题。什么问题?就是它这边有一个组件,这个组件里面有个userID,然后这个userID通过props传给了子组件,子组件是userinfo,它里面是用来渲染用户信息的。渲染用户信息的同时,userinfo这个组件又暴露...

原生微信小程序打包成安卓/IOS应用!#小程序开发

原生微信小程序打包成公。好消息,微信小程序可以直接打包成APP了你们知道吗?微信团队近日开发了一个多端开发平台。多端据文档描述,多端开发框架是支持使用小程序原生语法开发移动端应用的框架。开发者可以一次编码分别编译为小程序安卓以及iOS应用,实现多端开发。我们进入多端框架开发的文档,来看看怎么使用微信...