学习JS面向对象基础(2)

112 阅读2分钟

二、JavaScript对象的动态特性

1、获取/添加/修改对象的某个属性/函数

可以通过符号.值名['值名'],获取或添加或修改对象的某个属性/函数。

var obj = {name: 'zhangsan'};
console.log(obj.name); // zhangsan
console.log(obj['name']); // zhangsan
obj.age = '10';
obj['age'] = '20';
console.log(obj.age); // 20

2、删除对象的某个属性/函数

可以通过关键字delete,实现。

var obj = {name: 'zhangsan', age: '10'};
delete obj.age;
console.log(obj); // {name: 'zhangsan'}

三、JavaScript的关键字

关键字 in

在JS中关键字in的用法,主要用在两处地方,一个是用于判断对象中是否存在某个属性/函数,二是用于for...in循环中。

用于对象,如若存在则返回true,否则返回false
var obj = {name: 'zhangsan', age: '10'};
console.log("name" in obj); // true
var n = "name";
console.log(n in obj); //true
用于for循环,遍历对象或数组
var obj = {name: 'zhangsan', age: '10'};
for(var i in obj) {
    console.log('i:', obj[i]);
}
关键字 break

在JS中,break是用于跳出整个循环,然后执行循环后的代码。

var num = 5;
for(var i = 0; i < num; i++) {
    console.log(i); // 循环执行代码
}
console.log('end');

在正常情况下,该循环将依次打印出0 1 2 3 4 end,如果在循环中加上判断,当i=2时,跳出整个循环

var num = 5;
for(var i = 0; i < num; i++) {
    console.log(i); // 循环执行代码
    if(i==2) { // 判断代码
        break;
    }
}
console.log('end');

那此时打印的内容将会是0 1 2 end

关键字 continue

在JS中,continue是用于跳出当前循环,然后执行下一个循环的代码。仍然以上面循环为例子,当i=2时,跳出当前循环

var num = 5;
for(var i = 0; i < num; i++) {
    if(i==2) { // 判断代码
        continue;
    }
    console.log(i); // 循环执行代码
}
console.log('end');

那此时打印的内容将会是0 1 3 4 end

由此可见,在循环中,循环执行代码和判断代码的位置和使用关键字breakcontinue的不同都会有不同的效果。