剑指前端(前端入门笔记系列)——数组(基本语…

2019-08-14 09:53:45来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

数组——基本语法
  除了Object之外,Array类型恐怕是ECMAScript中最常用的类型了,而且ECMAScript中的数组与其他语言中的数组有着相当大的区别。它的每一项可以保存任何类型的数据(也就是一个数组里面可以包含不同数据类型的值)。而且,数组的大小是动态的,随着数据的增删而增大减小。
 
创建
1.使用Array构造函数
//不指定数组长度和元素,返回一个无长度空数组
var arr = new Array();
//只指定数组长度,返回一个有长度的空数组
var arr = new Array(20);
//只指定数组内的元素,返回一个有长度的非空数组
var arr = new Array("AI-fisher",true,undefined,{name:"admin"},[5,6,7],function(){},NaN,null,18);
2.使用字面量表示法创建
//不指定数组长度,返回一个无长度空数组
var arr = [];
//只指定数组内的元素,返回一个有长度的非空数组
var arr = ["AI-fisher",true,undefined,{name:"admin"},[5,6,7],function(){},NaN,null,18];
【注】:
(1)用构造函数创建数组,赋值一个数值型数据如果是NaN的话,报错长度无效)识别为指定数组长度,其他情况都识别为指定具体元素,其他两种赋值都与字面量创建方式相对应;
(2)不要在最后一个元素后面写一个“,”因为在IE8及之前版本会多识别一个元素,那个元素的值是undefined。开发人员大多青睐于字面量语法,因为不但代码少,而且能给人一种封装数据的感觉。
 
表示
数组中的每个数据都被赋予一个索引,索引的范围为[0,arr.length-1]内的整数(arr为一个数组),例如上面指定数组内元素的例子中,结果展开是这样:
我们来遍历一下这个数组:
var arr = ["AI-fisher",true,undefined,{name:"admin"},[5,6,7],function(){},NaN,null,18];
for(i=0;i<=arr.length-1;i++){
    console.log("arr[" + i + "]的值为:" + arr[i] + ",类型为:"+ typeof(arr[i]));
}
【注】:
  数组的第一位和最后一位比较特别,因为不管数组怎么变化,第一位的索引一直是0,表示为arr[0],而最后一位虽然具体的位序会随之变化,但是如果用arr[length-1]表示的话,就没有问题了,因为length是随着数组的长度动态变化的。
 
操作(通过自身的属性)
知道了怎么表示(查看)数组内的每个元素,那我们就可以来操作数组了(不涉及到数组方法的情况下),数据的操作不外乎增删改查:
查(访问):
之前提到了(就是通过索引),也是其他三个基本操作的支柱性操作,因为其他操作的执行都涉及到访问元素
增:
var arr = ["AI-fisher",true];
console.log("打印不存在的元素为:" + arr[10]);
arr[10] = "我是新增的那个";
console.log(arr[10]);   // 打印新增的元素
console.log(arr);       // 打印新增后的数组
console.log(arr[5]);   // 打印被动新增的元素
【注】:
(1)数组被创建后,数组内所有的元素不管存不存在,都已经被声明,只不过没有被赋值;
(2)想要在数据中新增一个元素,直接把值赋值给你想要新增的那一位置的元素,也就是这个例子中的第十一元素(arr[10])
(3)新增元素之前的元素,如果不存在,就会被赋予一个undefined(因为只被声明,没有赋值),也会增加数组的长度。
删:
var arr = ["AI-fisher",true];
arr.length = 1;         //通过改变数组的长度把数组之后的元素删除
console.log(arr);       //删除后的数组
console.log(arr[1]);    //打印删除的元素
  结合之前新增元素的例子,我们可以得出一个结论:数组的length属性不是静态的,它不只是可读,因此,我们可以通过设置这个属性,从数据的末尾移除项或像数组中添加新项。作为数组的两个核心位置,不管数组怎么变化,它们都只代表数组第一位和最后一位。就像是拉力器的两个拉环一样,弹簧被拉伸多少,都逃离不了拉环给它们的范围。
改:
var arr = ["AI-fisher",true];
arr[1] = "我代替了true";
console.log(arr[1]);   // 打印替换后的元素
console.log(arr);	//打印替换后的数组
用索引的方式,直接赋值即可
 
总结:
  通过数组本身自带的属性:索引和长度,我们能实现基本的数组操作(增删改查),但是我们也能看到其局限性,功能单一而且麻烦。改和查倒还好,虽然功能单一但是操作简便,但是增和删就表现得有点尴尬了,所以后续会补充数组的各种方法,让数组的操作更加人性化,具体请参考本人另一篇博客:https://www.cnblogs.com/AI-fisher/p/11101855.html。
 

原文链接:https://www.cnblogs.com/AI-fisher/p/11095273.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:利用递归实现数组的扁平化

下一篇:vue开发相关问题以及解决方案