一:原型对象
将方法放在对象的原型对象中,也就是放在这个类对象的公共部分中,这样可以节省空间
我们所创建的每一个函数,解析器都会向函数中添加一个属性
prototype
,这个属性对应着一个对象,这个对象就是我们所谓的原型对象
如果函数作为普通函数
调用prototype
没有任何作用
当函数以构造函数的形式调用时,它所创建的对象中都会有一个隐含的属性,指向该构造函数的原型对象
,我们可以通过__proto__
来访问该属性
function Myclass(){
}
var mc = new Myclass();
console.log(mc.__proto__);
当我们访问对象的一个属性或方法时,它会先在
对象自身
中寻找,如果有则直接使用,如果没有则会去原型对象中寻找
,如果找到则使用
//构造函数
function Person(name,sex,age) {
this.name = name;
this.sex = sex;
this.age = age;
}
//添加sayHello到Person函数的原型对象
Person.prototype.sayHello = function() {
alert("我的名字是" + this.name);
}
var per = new Person("张三","男",18);
var per2 = new Person("李四","男",19);
var per3 = new Person("王五","男",20);
per.sayHello();
二:toString()
当我们直接在页面中打印一个对象时,实际上输出的是对象的
toString()方法
的返回值
如果我们不希望输出的是[object object],可以给对象添加一个toString()方法
var per = new Person();
per.toString = function(){
return "添加一个toString()方法";
};
console.log(per);
三:数组
1.数组的基本操作
(1) 创建数组
//创建数组
var arr = new Array();
(2)使用字面量创建数组
使用字面量创建数组时,可以在创建时就指定数组的元素
//创建数组
var arr = [1,2,3,8,1];
(3)获取数组长度
可以使用
length属性
来获取数组的长度(元素的个数)
语法: 数组.length
对于连续
的数组,使用length可以获取数组的长度
对于非连续
的数组,使用length会获取到数组的最大索引+1
//创建数组
var arr = [1,2,3,8,1];
//获取数组长度
console.log(arr.length);
(4)数组里面的元素可以放任何的数据类型
//创建数组
var arr = ["sd",2,true,null,undefined];
console.log(arr[0]);
2.数组的方法
(1)push()
该方法可以向数组的末尾
添加一个或多个元素
,并返回数组的新长度
可以将要添加的元素作为方法的参数传递
,这样元素就会自动添加到数组的末尾
//创建数组
var arr = [1,2,3];
//输出原数组
console.log(arr);
//使用push方法
var result = arr.push("张三","李四");
//输出新数组
console.log(arr);
//输出push方法的返回值
console.log(result);
(2)pop()
该方法可以删除数组的最后一个元素,并将被
删除的元素作为返回值返回
//创建数组
var arr = [1,2,3];
//输出原数组
console.log(arr);
//使用pop方法
var result = arr.pop();
//输出新数组
console.log(arr);
//输出pop方法的返回值
console.log(result);
(3)unshift()
向数组开头
添加
一个或多个元素
向前边插入元素后,其他元素索引会依次调整
将新数组的长度作为返回值返回
//创建数组
var arr = [1,2,3];
//输出原数组
console.log(arr);
//使用unshift方法
var result = arr.unshift("张三","李四");
//输出新数组
console.log(arr);
//输出unshift方法的返回值
console.log(result);
(4)splice()
可以用于
删除数组中的指定元素
使用splice()会影响到原数组
,会将指定元素从原数组中删除
,并将被删除的元素作为返回值返回
参数:
第一个,表示开始位置的索引
第二个,表示删除的数量
//创建数组
var arr = [1,2,3,2,8,9];
//输出原数组
console.log(arr);
//使用splice方法
var result = arr.splice(0,3);
//输出新数组
console.log(arr);
//输出splice方法的返回值
console.log(result);
(5)concat()
可以连接两个或多个数组,并且将新数组返回
该方法不会对原数组产生影响
//创建数组
var arr = [1,2,3,2,8,9];
var arr1 = ["张三","李四"];
//输出原数组
console.log(arr);
//使用concat方法
var result = arr.concat(arr1);
//输出新数组
console.log(result);
(6)sort()
可以用来对数组中的元素进行
排序
也会影响原数组,默认会按照Unicode编码进行排序
即使对于纯数字的数组,使用sort()排序时,也会按照Unicode编码来排序
所以对数字进行排序时,可能会得到错误的答案
//创建数组
var arr = ["z","s","e","a","c"];
//输出原数组
console.log(arr);
//使用sort方法
arr.sort();
//输出新数组
console.log(arr);
利用回调函数对纯数字数组进行排序
我们可以在sort()添加一个回调函数,来制定排序规则
回调函数中需要定义两个形参
浏览器将会分别使用数组中的元素作为实参去调用回调函数
使用哪个元素调用不确定,但是肯定的是在数组a一定在b前边
浏览器会根据回调函数的返回值来决定元素的顺序
如果返回一个大于0的值,则元素会交换位置
如果返回一个小于0的值,则元素不变
如果返回一个0,则认为两个元素相等,也不变换位置
//创建数组
var arr = [6,1,9,4,3,0,2,1];
//输出原数组
console.log(arr);
//使用sort方法
arr.sort(function(a,b){
return a - b;
})
//输出新数组
console.log(arr);
3.数组的遍历
//创建数组
var arr = [6,1,9,4,3,0,2,1];
//遍历
for(var i = 0; i < arr.length; i++)
{
console.log(arr[i]);
}
四:Date对象方法
创建一个
Date对象
如果直接使用构造函数创建一个Date对象,则会封装为当前代码执行的时间
五:Math对象方法
Math对象
和其他对象不同的是它不是一个构造函数
它属于一个工具类不需要创建对象,它里面封装了数学运算相关的属性和方法
六:字符串的方法
在底层字符串是以字符数组的形式储存
(1)charAt()
可以返回字符串中指定的位置的字符
根据索引获取指定的字符
//创建字符串
var str = "Hello World";
//输出字符串
console.log(str);
//使用charAt方法
var result = str.charAt(2);
//输出
console.log(result);
(2)concat()
可以用来连接两个或多个字符串
//创建字符串
var str = "Hello World";
var str1 = "Good bye";
//输出字符串
console.log(str);
//使用concat方法
var result = str.concat(str1)
//输出
console.log(result);
(3)slice()
可以从字符串中
截取指定的内容
不会影响到原字符串,而是将截取到的内容返回
参数
:
第一个:开始位置的索引(包括开始位置)
第二个:结束位置的索引(不包括结束位置)
//创建字符串
var str = "Hello World";
//输出字符串
console.log(str);
//使用slice方法
var result = str.slice(1,5);
//输出返回值
console.log("返回值:" + result);
(4)split()
可以将一个字符串拆分为一个数组
参数:
需要一个字符串作为参数
,将会根据字符串去拆分数组
如果传递参数为一个空串,则将每一个字符都拆分为数组中的一个元素
//创建字符串
var str = "Hello,World,good,bye";
//输出字符串
console.log(str);
//使用split方法
//即以,为拆分标准
var result = str.split(",");
//输出返回值
console.log("返回值:" + result);
//遍历
for(var i = 0; i < result.length; i++)
{
console.log(result[i]);
}