JavaScript-数组

2018-08-10 admin

什么是数组

数组是值的有序集合。数组中的每个值叫一个元素,每个元素在数组中都有一个唯一的位置。这个位置用数字表示叫索引数组;用字符串表示叫关联数组。 数组的元素可以是不同的类型 可以动态的向数组差人新元素,或者删除指定元素

一维数组

定义数组

定义数组的方式有三种

/*数组字面量方式定义数组*/
var arr1 = []//空数组
var arr2 = [2,'',true] //数组内元素可以是不同的类型
console.log(arr2)

var arr3 = [3]//数组元素为3
console.log(arr3)

/*数组函数方式定义数组*/
var arr4 = Array()//空数组
var arr5 = Array(3)//当只有一个元素且为数字时,表示数组的长度

/*构造函数方式定义数组*/
var arr6 = new Array()//空数组
var arr7 = Array(3)//当只有一个元素且为数字时,表示数组的长度

索引数组

/*
    *索引数组-数组中元素的位置用数字表示,称之为下标或角标
    *下标是从0开始
     *数组的长度与元素的个数一致 */
var arr = [];//定义一个空的数组
arr[0] ='化物语';
arr[1] ='伪物语';
arr[2] ='猫物语';
    console.log(arr.length);//判断数组的长度

关联数组

/*
*   关联数组中的元素是用字符串表示
*   */
var arr = [];
arr['name'] ='西尾维新';
arr['job'] ='作家';
//输出结果
   /* [ name: '西尾维新', job: '作家' ]*/

/*关联数组的长度与元素的个数不一致
* 原因:官方不支持关联数组*/
console.log(arr.length);//输出为0

稀疏数组

/*当索引数组的位置不连续,没有定义元素的位置为(undefined)
*  稀疏数组:数组长度与元素数目不一致的索引数组*/
var arr = [];
arr[0] ='化物语';
arr[2] ='伪物语';
arr[5] ='猫物语';
console.log(arr);
/*输出结果
* [ '化物语', <1 empty item>, '伪物语', <2 empty items>, '猫物语' ]
*/
//* empty item等价于undefined

数组元素的读取

var arr = ['化物语',23,true];
/*调用数组名称,得到的是元素数据集合-[ '化物语', 23, true ]*/
console.log(arr);
/*调用元素->数组名称[索引值] -化物语*/
console.log(arr[0]);
/*调用没有定义位置的元素,结果为undefined*/
console.log(arr[4]);

数组元素的修改

/*定义索引数组*/
var arr1 = [];
arr1 [0] ='化物语';
arr1 [1] ='23';
/*定义关联数组*/
var arr2 = [];
arr2 ['name'] = '伤物语';
arr2 ['age'] = '233';
//通过数组索引值找到对应元素的位置,重新赋值
arr1[0] = '伪物语';
console.log(arr1[0]);//伪物语
arr2['name'] = '猫物语';
console.log(arr2['name']);//猫物语

/*对于数组中没有的索引值,就是重新增添一个元素*/
arr1[3] = '浮生六记';
console.log(arr1[3]);//浮生六记

数组元素的删除

/*delete运算符用来删除数组的元素
* 对于索引数组被删除的元素只是删除数据内容,位置会被保留
* 索引数组变为稀疏数组
 */
var arr = [];
arr[0] = '化物语';
arr[1] = '国风';
delete arr[0];
console.log(arr[0]);//undefined

循环遍历数组元素

var arr = ['化物语','23','true'];
//for语句-最常用
for (var i=0 ; i<arr.length;i++){
    console.log(arr[i])
}
//whil语句
/*
var i = 0 ;
while (i<aee.length){
    console.log(arr[i]);
    i++
}*/
//do...whi语句
/*
var i = 0;
do {
    console.log(arr[i]);
    i++
}while (i<arr.length);*/

var arr = ['化物语','23','true'];
/*//
* for(变量 in 数组名称){
*      语句}
*      */
for(var i in arr){
    console.log(arr[i])
}

二维数组

二维数组就是数组作为元素被包含在另一个数组中

var arr = [];
arr[0] = ['风','雅'];
arr[1] = ['童年','在人间'];
/*
console.log(arr)//[ [ '风', '雅',  ], [ '童年', '在人间' ] ]*/
//访问二维数组中的元素
//console.log(arr[0][0])//风

/*
var result = arr[0]
console.log(result[1])//雅
*/

//循环遍历二维数组
for(var i=0 ;i<arr.length;i++){
    console.log(arr[i]);
    for(var n=0;n<arr.length;n++){
        console.log(arr[i][n])
    }

}

原文链接:https://segmentfault.com/a/1190000015951497

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-37665.html

文章标题:JavaScript-数组

相关文章
javascript是什么意思
avaScript是Netscape开发的一个对象脚本语言,它使用在世界各地数以百万计的网页和服务器应用程序上。 网景的JavaScript是ecma - 262版的标准脚本语言,和公布的标准只有轻微的差异。 与广为流行的错误理解相反,Ja...
2015-11-12
21天学通javascript
简介: 本书是Javascript入门教程。Javascript是Web开发中应用最早、发展最成熟、用户最多的脚本语言。其语法简洁,代码可读性在众多脚本语言中最好,它在使用时不用考虑数据类型,是真正意义上的动态语言。本书总分为四篇,共21章...
2015-11-16
JavaScript的组成
一个完整的JavaScript由3个部分组成:核心(ECMAScript) 文档对象模型(DOM) 浏览器对象模型(BOM) ECMAScript 描述了该语言的语法和基本对象 ; DOM 描述了处理网页内容的方法和接口 ; BOM 描...
2015-11-12
JavaScript 事件流、事件处理程序及事件对象总结
JS与HTML之间的交互通过事件实现。事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以使用监听器(或处理程序)来预定事件,以便事件发生时执行相应的代码。这种在传统软件工程中被称为观察员模式,支持页面的行为与页面的外观之间的松散耦合。...
2017-04-05
JavaScript变量的声明
声明变量 变量在脚本中的首次亮相是在其声明中。 在变量首次出现时将会在内存中设置它,因此您稍后可在脚本中引用它。 应在使用变量之前先声明变量。 可以使用 var 关键字实现此目的。 &lt;span id=“mt9” class=“sent...
2015-11-12
7个提高效率的JavaScript调试工具
鐜板湪鐨凧avaScript浜嬪疄涓婂凡鐒舵垚涓轰簡娴佽�岀殑web璇�瑷€锛屽嵆浣垮畠骞朵笉瀹岀編銆傚緢澶氱▼搴忓憳涓嶅枩娆㈢敤JavaScript鍐欎唬鐮侊紝鏄�鍥犱负鍐欏埌鍚庢潵鎬讳細鍑虹幇鍚勭�嶈帿鍚嶅叾濡欑殑bug锛岃€屼笖鍦ㄥ紑...
2015-11-11
JavaScript短路原理精简代码
js中||和&amp;&amp;的特性帮我们精简了代码的同时,也带来了代码可读性的降低,虽然高效,但请灵活使用。 在js逻辑运算中,0、&quot;&quot;、null、false、undefined、NaN都会判为false,其他都为t...
2015-11-12
7个让JavaScript变得更好的注意事项
随着浏览器性能提高,伴随着新的HTML5的编程接口的稳步采用,网页上的JavaScript的音量在逐渐增加。然而,一个写得不好的程序编码却拥有着打破整个网站,让用户为之沮丧和驱赶潜在客户的潜力。 开发人员必须使用所有供他们任意使用的工具和技...
2015-11-12
《JavaScript快速查询手册》PDF
下载地址:《JavaScript快速查询手册》PDF下载 http://pan.baidu.com/s/130rP8’ 简介: JavaScript快速查询手册 目录 前言 第一部分 命令查询 第二部分 JavaScript语句与运算符 第...
2015-11-16
JavaScript游戏之连连看源码分享
JavaScript游戏之连连看源码 下载地址:JavaScript游戏之连连看源码 解压密码:www.javascriptcn.com ...
2015-11-12
回到顶部