JS对象
1、对象
(1)什么是对象
在JavaScript中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串、数值、数组、函数等。
对象是由属性和方法组成的。
属性 ∶ 事物的特征,在对象中用属性来表示(常用名词)
方法 ∶ 事物的行为,在对象中用方法来表示(常用动词)
(2)为什么需要对象
保存一个值时,可以使用变量,保存多个值(一组值)时,可以使用数组。如果要保存一个人的完整信息,可以使用对象
2、创建对象的三种方式
(1)利用字面量来创建对象
对象字面量 :就是花括号 {} 里面包含了表达这个具体事物(对象)的属性和方法
{} 里面采取键值对的形式表示
键 :相当于属性名
值 :相当于属,可以是任意类型的值(数字类型、字符串类型、布尔类型、函数类型)
var star = {
name : 'pink ' ,
age 18,
sex :'男',
sayHi : function () {
alert('大家好啊~');
}
}
对象的调用
对象里面的属性调用 : 对象.属性名,这个小点.就理解为 “的”
对象里面属性的另一种调用方式 : 对象[ ‘属性名’],注意方括号里面的属性必须加引号,我们后面会用
对象里面的方法调用 : 对象.方法名(),注意这个方法名字后面一定加括号
console. log (star. name)// 调用名字属性
console. log (star[ 'name' ])// 调用名字属性
star.sayHi();// 调用sayHi方法,注意,一定不要忘记带后面的括号
(2)利用 new Object 创建对象
var obj = new Object();// 创建了一个空的对象
obj.uname ='张三疯';
obj.age = 18;
obj.sex ='男';
obj.sayHi = function() {
console.log( ' hi~' );
}
// (1)我们是利用等号=赋值的方法添加对象的属性和方法
// (2)每个属性和方法之间用分号结束
console.log(obj.uname);
console.log(obj[ 'sex']);
obj.sayHi();
(3)利用构造函数创建对象
// 构造函数的语法格式
// function 构造函数名(){
// this.属性 = 值;
// this.方法 = function(){}
// }
// new 构造函数名();
function Star (uname,age,sex){
this.name = uname;
this.age = age;
this.sex = sex;
this.sing = function(sang){
console.log(sang);
}
}
var ldh = new Star('刘德华',18。'男');// 调用函数返回的是一个对象
console.log(ldh.name);
console.log(ldh['sex']);
ldh.sing('冰雨');
var zxy = new Star('张学友', 19. '男');
console.log(zxy.name);
console.log(zxy.age);
zxy.sing('李香兰');
// 1、构造函数名字首字母要大写
// 2、我们构造函数不需要 return 就可以返回结果
// 3、我们调用构造函数必须使用 new
// 4、我们只要new Star()调用函数就创建一个对象 ldh {0}
// 5.我们的属性和方法前面必须添加this
(4)构造函数与对象
构造函数,如Stars(),抽象了对象的公共部分,封装到了函数里面,它泛指某一大类( class)
创建对象,如new Stars(),特指某一个,通过new关键字创建对象的过程我们也称为对象实例化
3、new 关键字
new在执行时会做四件事情:
在内存中创建一个新的空对象。
让this指向这个新的对象。
执行构造函数里面的代码,给这个新对象添加属性和方法。
返回这个新对象(所以构造函数里面不需要 return )。
4、遍历对象属性
for...in 语句用于对数组或者对象的属性进行循环操作。
var obj = {
name: 'pink老师',
age: 18,
sex:'男',
fn: function(){}
}
// for in遍历我们的对象
// for(变量 in 对象){
// }
for (var k in obj) {
console.log(k);// k 变量 输出 得到的是属性名
console.log(obj[k]); // obj[k] 得到是属性值
}
//我们使用 for in 里面的变量我们喜欢写 k 或者 key
网友评论