Js中的索引数组,关联数组,类数组对象 对象和数组

Js中的索引数组,关联数组,类数组对象 对象和数组

1.创建数组

1.1.数组字面量创建

var arr1=[1,2,3];

1.2.调用构造函数创建(有3种调用方式)

i.调用时没有参数
var arr=new Array();
该方法创建一个没有任何元素的空数组,等价于[]
1.2.调用时有一个数值参数,指定数组的长度
var arr=new Array(3);
这种形式可以用来预分配一个存储空间,注意:数组中没有储存值,甚至数组的索引属性,"0" "1"等都还未定义
1.3. 显示指定两个或多个数组元素或数组的一个非数值元素
var arr=new Array(1,2,3,"test")

2.索引数组和关联数组

索引数组:元素的下标是数字的数组就是索引数组
关联数组:元素的下标是字符串的数组就是关联数组

实际上:

i. Js的底层并没有索引数组,一切都是关联数组,也就是说,一切数组的下标都是字符串

ii. 如果加入元素时,没有指定下标的属性名,数组自动分配数字瞎逼啊熬

iii. 访问数组元素标准写法啊:数组对象[“下标名称”]

iv. 要访问的元素下标名称是字符串时:简写为:数组对象 **.**下标名称

v. 要访问的元素下标名称是数字时:不能用 **.**简写,会和小数混淆,所以简写为:数组对象[数字下标]

3.类数组对象

类数组对象具有下标属性和length属性,但是类数组对象不是数组类型,无法直接调用数组类型的方法

3.1. 代码举例

var students={
    
    
    0:"Lily",
    1:"Alice",
    2:"Jack",
    length:3    
}

3.2.将类数组对象转为数组的方法

var students={
    
    
    0:"Lily",
    1:"Alice",
    2:"Jack",
    length:3    
}
var arr=Array.prototype.slice.call(students) //此方法已多次使用,不再赘述
console.log(arr) //["Lily", "Alice", "Jack"]

4. 对象和数组

Js中一切对象的底层都是关联数组:

i. 结构相同:都是键/值对结构;

ii. 访问方式相同:都可以用[“属性名”]或 . 属性值访问:对象 . 属性名是对象[“属性名”]的简写,对象 . 属性名会被自动翻译为对象[“属性名”];

a. 如果属性名是固定的,可以使用两种方式访问属性值;

b.如果属性名是变量,必须使用[变量],因为放入双引号就成为了固定的字符串.

iii. 访问不存在的变量不会报错,返回undefined;

vi. 强行给不存在的属性赋值,不报错,在该新位置自动添加心属性

v.都可以被for in 遍历

猜你喜欢

转载自blog.csdn.net/Amazing_rabbit/article/details/108668851