理解数组,对象,类数组对象

本文章旨在讲解数组,对象,类数组对象之间的联系。但会穿插一些其他的相关知识。
首先理解它们的概念:
1、数组
(1)什么是数组:简而言之就是一组有序的数据集合。
它的定义方法有三种。

var arr=[值1,值2,值3];                //隐式创建

var arr=new Array(值1,值2,值3);      //直接实例化

var array=new Array(size);           //创建数组并指定长度
//方法一
var arr1 = [1,3,5,7,9];
    
//方法二
var arr2 = new Array(2,4,6,8,10);

//方法三
var arr3 = new Array(3);//固定数组长度为3
arr3[0] = 1;
arr3[1] = 2;
arr3[2] = 3;

(2)数组的三大属性

  • length

数组定义时可以无需指定数组长度

let arr4 = [1,3,52,5,2];
console.log(arr4.length);//5
  • constructor
let arr5 = [1,3,5,7];
console.log(arr5.constructor);//ƒ Array() { [native code] }
  • prototype

prototype原型对象是javascript基于原型链表实现的一个重要属性。
Javascript角度:1. 实例对象没有prototype属性,只有构造函数才有prototype属性,也就是说构造函数本身保存了对prototype属性的引用。。2. prototype属性对象有一个constructor属性,保存了引用他自己的构造函数的引用(看起来像是个循环:A指向B,B指向A...) 3.prototype对象(不要被我这里的属性对象,对象,对象属性搞晕乎了,说是属性对象,就是说当前这个东西他首先是某个对象的属性,同时自己也是个对象。对象属性就是说它是某个对象的属性。)的属性变量和属性对象将会被该prototype对象引用的构造函数所创建的对象继承(function A(){} A.prototype.pa = function(){} var oA = new A(); 那么oA将会继承属性函数pa)。**

let arr6 = [1,2,4,5,6];
console.log(arr6.prototype)//undefined

一般我们用到的时候是这样用的

let arr7 = [1,3,5,6,7,8];
Array.prototype.alert = function(){console.log('arr7')}//这里封装的是数组的公有方法。
console.log(arr7.alert())//arr7

对于想要深入的了解请百度原型链模式,这样您可以详细的研究它的一些公有方法。
2、对象
(1)什么是对象。
对象定义:js中对象类型为一组无序的由键->值组成的数据集合,其元素的键名和值都可以自定义
它的定义方法有两种。

var obj1 = {name:"zhang",age:355,id:1};
var obj2 = new Object({name:"zhang",age:234,id:2})
console.log(obj1['name'])//zhang
console.log(obj2.length)//undefined

以上的例子我们可以得出:对象自身所拥有的(不包括继承来的)任何属性都是有用户自定义的。

我们现在可以将数组和对象进行一下比较,是不是感觉数组和对象很相像。
再举出一个例子。我们进行比较可能更直观一些。

let ary = [2,2,4,5];
let o = {0:23,1:23,2:32,length:3};
console.log(ary[0],o[0]);//2,23
console.log(ary.length,o.length);//4,3

通过例子我们不难发现:我们发现完全可以使用对象来模拟数组,只要我们定义的对象的每个元素的键名都使用数字并且让其保持递增,且动态的定义一个length属性来表示元素个数,那么从效果上来说,基本就个数组相同了!

类数组对象:只包含使用从零开始,且自然递增的整数做键名,并且定义了length表示元素个数的对象,我们就认为它是类数组对象!

  • 一般我们常用到的类数组对象如:arguments,获取的元素集合

类数组对象不仅在效果上与数组相似,在某些操作上也是相同的。

//定义数组和类数组对象
let ary1 = [2,5,23,5,52];
let oo = {0:4,1:32,2:324,length:3};
//读写操作
console.log(ary1[1],oo[1],ary1["length"],oo["length"]);//5,32,5,3
ary1[0] = 4;
oo[0] = 6;
console.log(ary1[0],oo[0]);//4,6
//遍历
for(var i=0;i<ary1.length;i++){
console.log(ary1[i]);
}
for(var i=0;i<oo.length;i++){
console.log(oo[i]);
}

通过简单的对比,我们不难看出,其实我们可以从数据结构上把js中的数组归为对象,因为我们可以使用对象来模拟数组,这里仅仅说的是数据结构上,其实它们本身所继承来的方法和一些属性是不同的。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值