OnlyWait's Blog

23 数组的四个方法

发表于 2021-08-18 分类于 JavaScript学习之路

创建一个数组

1	var arr = ["孙悟空","猪八戒","沙和尚"];

push()

该方法可以向数组的末尾添加一个或多个元素，并返回数组的新长度
- 可以将要添加的元素作为方法的参数传递
  - 这样这些元素将会自动添加到数组的末尾
- 该方法会将数组的新长度作为返回值返回

1 2	var result = arr.push("唐僧","蜘蛛精","白骨精"); console.log(result); /输出6，即长度为6

pop()

该方法可以删除数组的最后一个元素，并将删除元素作为返回值返回

1 2	arr.pop(); var result = arr.pop();

unshift()

该方法向数组开头添加一个或多个元素，并返回新的数组长度
- 向前边插入元素以后，其他的元素索引会依次调整

shift()

删除数组的第一个元素，并将删除的元素作为返回值返回

22 数组字面量

发表于 2021-08-18 分类于 JavaScript学习之路

创建一个数组

1 2	var arr = new Array(); arr[0] = 123;

使用字面量来创建数组
语法：[]

1	var arr = [];

使用字面量创建数组时，可以在创建时就指定数组中的元素

1	var arr = [1,2,3,4,5,10];

使用构造函数创建数组时，也可以同时添加元素，将要添加的元素作为构造函数的传递参数
元素之间使用，隔开

1	var arr2 = new Array[10,20,30];

创建一个数组，数组中只有一个元素10

1	arr = [10];

创建一个长度为10的数组

1	arr2 = new Array(10);

数组中的元素可以是任意的数据类型

1	arr = ["hello",1,true,null,undefined];

也可以是对象

1
2
3

var obj = {name:"孙悟空"};
arr[arr.length] = obj;
arr = [{name:"猪八戒"},{name:"沙和尚"},{name:"孙悟空"}];

数组中放函数

1	arr = [function(){alert(1)},function(){alert(2)}];

数组中放数组，即二维数组

1	arr = [[1,2,3],[4,5,6],[7,8,9]];

21 数组

发表于 2021-08-18 分类于 JavaScript学习之路

内建对象
宿主对象
自定义对象

数组（Array）

数组也是一个对象
他和普通对象类似，也是用来储存一些值的
不同的是：普通对象是使用字符串来作为属性名的
- 数组是使用数字来作为索引操作元素
索引：
- 从0开始的正数就是索引
数组的储存性能比普通对象要好，在开发中，我们经常使用数组来储存一些数据
向数组中添加元素
语法：数组[索引] = 值

获取数组长度

可以使用length属性来获取数组的长度（元素的个数）
语法：数组.length

对于连续的数组，使用length可以获取到数组的长度（元素的个数）
- 对于非连续的数组，使用length会获取到数组的最大的索引+1
- 尽量不要创建非连续的数组

如果修改length大于原长度，则多处部分空着
如果修改的length小于原长度，则多出的元素会删除

向数组的最后一位置添加元素
语法：数组[数组.length] = 值

19 tostring()

发表于 2021-08-18 分类于 JavaScript学习之路

当我们直接在页面中打印一个对象，实际上是输出对象的toString()方法的返回值

function Person(name,age,gender){
	this.name = name;
	this.age = age;
	this.gender = gender;
}

//修改原型的toString
Person.prototype.toString = function(){
	return "person[name]="+this.name+",age = "+this.age+",gender = "+gender;
}

var per = new Person("孙悟空",18,"男");
//修改对象的toString
per.toString = function(){
	return "我是个快乐的小Person";
}

console.log(per);         //输出[object object]    console.log(per);相当于输出了per.toString()

等同于

var result = per.toString();
console.log(result);     //输出[object object]

console.log(per.__proto__.__proto__.hasOwnProperty("toString"));     //输出true toString存在于原型的原型中
console.log(per);        //输出  我是个快乐的小Person