对象
概念
对象是一组无序的相关属性和方法的集合
属性:事物的特征,在对象中用属性来表示(常用名词)
方法:事物的行为,在对象中用方法来表示(常用动词)
为什么需要对象?
对象中为每项数据设置了属性名称,可以访问数据更语义化,数据结构清晰,表意明显,方便开发者使用
利用字面量创建对象
就是花括号 { } 里面包含了表达这个具体事物(对象)的属性和方法;
var star = {
name : 'pink',
age : 18,
sex : '男',
sayHi : function(){
alert('大家好啊~'); }
};
对象的使用
对象的属性:存储具体数据的项
对象的方法:存储函数的项
访问对象的属性:
console.log(star.name) // 调用名字属性
console.log(star['name']) // 调用名字属性
调用对象的方法:
star.sayHi(); // 调用 sayHi 方法,注意,一定不要忘记带后面的括号
变量、属性、函数、方法总结
变量:单独声明赋值,单独存在
属性:对象里面的变量称为属性,不需要声明,用来描述该对象的特征
函数:单独存在的,通过“函数名()”的方式就可以调用
方法:对象里面的函数称为方法,方法不需要声明,使用“对象.方法名()”的方式就可以调用,方法用来描述该对象的行为和功能。
利用 new Object 创建对象
创建空对象
var andy = new Obect(); Object() :第一个字母大写
给空对象添加属性和方法
andy.name = 'pink';
andy.age = 18;
andy.sex = '男';
andy.sayHi = function(){
alert('大家好啊~');
}
利用构造函数创建对象
封装格式:
function 构造函数名(形参1,形参2,形参3) {
this.属性名1 = 参数1;
this.属性名2 = 参数2;
this.属性名3 = 参数3;
this.方法名 = 函数体;
}
调用格式
var obj = new 构造函数名(实参1,实参2,实参3)
obj即接收到构造函数创建出来的对象
注意事项
1. 构造函数约定首字母大写。
2. 函数内的属性和方法前面需要添加 this,表示当前对象的属性和方法。
3. 构造函数中不需要 return 返回结果。
4. 当我们创建对象的时候,必须用 new 来调用构造函数。
new关键字的作用
1. 在构造函数代码开始执行之前,创建一个空对象;
2. 修改this的指向,把this指向创建出来的空对象;
3. 执行函数的代码
4. 在函数完成之后,返回this---即创建出来的对象
遍历对象
for...in 语句用于对数组或者对象的属性进行循环操作。
for (var k in obj) {
console.log(k); // 这里的 k 是属性名
console.log(obj[k]); // 这里的 obj[k] 是属性值
}
语法中的变量是自定义的,它需要符合命名规范,通常我们会将这个变量写为 k 或者 key
内置对象
概念
JS 语言自带的一些对象,提供了一些常用的或最基本而必要的功能(属性和方法)
JavaScript 中的对象分为3种:自定义对象 、内置对象、 浏览器对象
JavaScript 提供了多个内置对象:Math、 Date 、Array、String等
Math对象
Math 对象不是构造函数
跟数学相关的运算(求绝对值,取整、最大值等)
获取指定范围内的随机整数:
function getRandom(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}
日期对象
Date是一个构造函数,使用时需要实例化(new)后才能使用其中具体方法和属性
获取总毫秒数
// 实例化Date对象
var now = new Date();
// 1. 用于获取对象的原始值
console.log(date.valueOf())
console.log(date.getTime())
// 2. 简单写可以这么做
var now = + new Date();
// 3. HTML5中提供的方法,有兼容性问题
var now = Date.now();
数组对象
创建数组的两种方式
字面量方式:var arr = [1,"test",true];
new Array()
var arr = new Array();
可以在创建数组时传入参数:
如果只传入一个参数,则参数规定了数组的长度
如果传入了多个参数,则参数称为数组的元素
检测是否为数组
instanceof 运算符
var arr = [1, 23];
var obj = {};
console.log(arr instanceof Array); // true
console.log(obj instanceof Array); // false
Array.isArray()
var arr = [1, 23];
var obj = {};
console.log(Array.isArray(arr)); // true
console.log(Array.isArray(obj)); // false
添加删除数组元素的方法
push(参数):末尾添加一个或多个元素,并返回新的长度
pop(无参数):删除数组的最后一个元素,数组长度减一,返回删除的元素值
unshift(参数):数组的开头添加一个或多个元素,并返回新的长度
shift(无参数):删除数组的第一个元素,数组长度减一,返回第一个元素的值
数组排序
revese(无参数):翻转数组,返回新数组
sort():
如果传入“function(a,b){ return a-b;}”,则为升序
如果传入“function(a,b){ return b-a;}”,则为降序
数组索引方法
indexOf():数组中查找给定元素的第一个索引,存在返回索引号,不存在返回-1
lastIndexOf():数组中查找给定元素的最后一个索引,存在返回索引号,不存在返回-1
数组转换为字符串
toString():数组转字符串,逗号分隔每一项
join(‘分隔符’):把数组中的所有元素转换为一个字符串
字符串对象
基本包装类型:
把简单数据类型包装成为复杂数据类型,这样基本数据类型就有了属性和方法
字符串的不可变:
指的是里面的值不可变,虽然看上去可以改变内容,但其实是地址变了,内存中新开辟了一个内存空间
根据字符返回位置
indexOf()
lastIndexOf()
案例:查找字符串"abcoefoxyozzopp"中所有o出现的位置以及次数
var str = 'abcoefoxyozzopp';
var index = str.indexOf('o'); //先找出第一个O的位置
var num = 0; //声明一个用来计数的变量
while (index !== -1) {
console.log(index); //输出第一个o的位置
num++; //计o出现的次数
index = str.indexOf('o', index + 1); //index+1 是跳过第num个o的位置
}
console.log('o 出现的次数是:' + num);
根据位置返回字符
charAt(index):返回指定位置的字符(index字符串的索引号)
charCodeAt(index):获得指定位置处字符的ASCLL码
str[index]:获取指定位置处字符
案例:判断一个字符串 'abcoefoxyozzopp' 中出现次数最多的字符,并统计其次数
var o = {}; //声明一个空的对象
for (var i = 0; i < str.length; i++) {
var chars = str.charAt(i); //获取索引号为i处的字符
if (o[chars]) { //判断对象o中是否存在该字符
o[chars]++; //存在就+1
} else {
o[chars] = 1; //不存在就将其赋值为1
}
}
var max = 0; //声明一个用来存储每一个比较的最大值
ch = ''; //声明一个空的字符来存储出现最多的字符
for (var k in o) { //遍历对象o
if (o[k] > max) {
max = o[k];
ch = k;
}
}
console.log(max);
console.log('出现次数最多的是:' + ch);
字符串操作方法
字符串通过基本包装类型可以调用部分方法来操作字符串
substr(start,length):从start位置开始,length取的个数
replace():字符串.replace(被替换的字符串, 要替换为的字符串);
split():字符串.split("分割字符")
简单数据类型和复杂数据类型
简单数据类型
在存储时变量中存储的是值本身,包括string ,number,boolean,undefined,null
栈(操作系统):由操作系统自动分配释放存放函数的参数值、局部变量的值等。其操作方式类似于数据结构中的栈;
简单数据类型存放到栈里面
存储方式
值类型变量的数据直接存放在变量(栈空间)中
传参
把变量在栈空间里的值复制了一份给形参,那么在方法内部对形参做任何修改,都不会影响到的外部变量
复杂数据类型
在存储时变量中存储的仅仅是地址(引用),通过 new 关键字创建的对象(系统对象、自定义对象),如 Object、Array、Date等
堆(操作系统):存储复杂类型(对象),一般由程序员分配释放,若程序员不释放,由垃圾回收机制回收
存储方式
引用类型变量(栈空间)里存放的是地址,真正的对象实例存放在堆空间中
传参
把变量在栈空间里保存的堆地址复制给了形参,形参和实参其实保存的是同一个堆地址,所以操作的是同一个对象