JS学习笔记(二)

来源:互联网 发布:静默安装软件 编辑:程序博客网 时间:2024/05/21 09:01

一、对象

构建对象的两种方式:

  1. 对象构造函数

var obj =new object();

  1. 对象字面量法

var obj={}

对象的属性的访问方式,见图
这里写图片描述

完成创建后,对象属性可以通过如下两种方式进行赋值和访问:

这里写图片描述
这两种方法在语义上也是相同的。第二种方法的优点在于属性的名称被看作一个字符串,这就意味着它可以在运行时被计算,缺点在于这样的代码有可能无法在后期被解释器优化。它也可以被用来访问某些以预留关键字作为名称的属性的值:

obj.for = “Simon”; // 语法错误,因为 for 是一个预留关键字
obj[“for”] = “Simon”; // 工作正常

二、数组

数组是js的一种特殊对象,它的工作原理和普通对象类似。,但是数组多一个length的属性。
1、创建数组的两种方式:

1.1. 使用Array构造函数

var arr=new Array();
var arr1=new Array(3)//创建了一个length为3的数组;
arr1[0]=”aaa”;
arr1[1]=”bbb”;
arr1[2]=”ccc”;
var names=new Array(“Chen”,”Zhu”);

1.2. 数组字面量表示法

var arr2=[“aaa”,”bbb”,”ccc”];

2.遍历数组的几种方式
这里写图片描述
注:1.遍历数组的使用 for…in 循环时。注意,如果有人向 Array.prototype 添加了新的属性,使用这样的循环这些属性也同样会被遍历。所以并不推荐这种方法。
2.ECMAScript 5 增加了遍历数组的另一个方法 forEach():

[“dog”, “cat”, “hen”].forEach(function(currentValue, index, array) {
// Do something with currentValue or array[index]
});
3.toString(),toLocaleString(),valueOf()方法的比较
这里写图片描述
这里写图片描述
注意toString(),toLocaleString()的区别。
4.array数组自带的方法
4.1push()和pop()
这里写图片描述
4.2shift()和unshift()
这里写图片描述
4.3reverse()和sort()
这里写图片描述
4.4concat()和slice()
这里写图片描述
注,如果slice的数组为负数,则用数组长度加上负数得到相应的位置

这里写图片描述
4.5splice() 可删除、插入、替换
这里写图片描述
*注,1,删除,splice(a,b)只有2个参数时,a表示起始位置,b表示删除的几项
2.插入,splice(a,b,”green”)a表示起始位置,b表示删除的个数,b=0时表示只插入不删除,最后是插入的字符串,可以为多个*

原创粉丝点击