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

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

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)数组的三大属性java

  • 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

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

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

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

咱们如今能够将数组和对象进行一下比较,是否是感受数组和对象很相像。
再举出一个例子。咱们进行比较可能更直观一些。对象

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表示元素个数的对象,咱们就认为它是类数组对象!ip

  • 通常咱们经常使用到的类数组对象如: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中的数组归为对象,由于咱们可使用对象来模拟数组,这里仅仅说的是数据结构上,其实它们自己所继承来的方法和一些属性是不一样的。

相关文章
相关标签/搜索