一、break和continue的用法
1. break关键字可以用来退出switch或循环语句
不能在if语句中使用break和continue
break关键字;会立即终止离他最近的那个循环语句
- 可以为循环语句创建一个lable,来标识当前的循环
lable:循环语句
使用循环语句的时,可以再break后跟着一个lable,
这样break将会结束指定的循环,而不是最近的
2. continue关键字可以用来跳过当次循环
同样continue也是默认只会对离他最近的循环起作用
<script>
/*
break关键字可以用来退出switch或循环语句
不能在if语句中使用break和continue
break关键字;会立即终止离他最近的那个循环语句
*/
// for(var i=0;i<5;i++){
// console.log(i);
// if(i==2){
// break;
// }
// }
// if(true){
// break;
// console.log('hello');
// }
// for(var i=0;i<5;i++){
// console.log('@外层循环'+i);
// for(var j=0;j<5;j++){
// break;
// console.log('内层循环'+j);
// }
// }
/*
可以为循环语句创建一个lable,来标识当前的循环
lable:循环语句
使用循环语句的时,可以再break后跟着一个lable,
这样break将会结束指定的循环,而不是最近的
*/
// laber:
// for(var i=0;i<5;i++){
// console.log('@外层循环'+i);
// for(var j=0;j<5;j++){
// break laber;
// console.log('内层循环'+j);
// }
// }
/*
continue关键字可以用来跳过当次循环
同样continue也是默认只会对离他最近的循环起作用
*/
// for(var i=0;i<5;i++){
// // break;
// if(i==2){
// continue;
// }
// console.log(i);
// }
for(var i=0;i<5;i++){
for(var j=0;j<5;j++){
if(j==1){
continue;
}
console.log('---->'+j);
}
if(i==3){
continue;
}
console.log('@---->'+i);
}
</script>
二、对象以及用法
JS中数据类型
- String 字符串
- Number 数值
- Boolean 布尔值
- Null 空值
- Undefined 未定义
以上五种数据类型属于基本数据类型
只要不是上边的5种,全都是对象
- Object 对象
基本数据类型都是单一的值 'hello',123 true
var name='孙悟空';
var gender='男';
var age=18;
值和值之间没有任何的联系
如果使用基本数据类型的数据,我们所创建的变量都是独立的,不能成为一个整体。
对象属于一种复合的数据类型,在对象中可以保存多个不同数据类型的属性。
对象的分类:
1.内建对象
- 由ES标准定义的对象,在任何的ES的实现中都可以使用
- 比如:Math String Number Boolean Function Object...
2.宿主对象
- 由JS的运行环境提供的对象,目前来讲主要指浏览器提供的对象
- 比如 BOM DOM / console document
3.自定义对象
- 由开发人员自己创建的对象
<script>
/*
JS中数据类型
- String 字符串
- Number 数值
- Boolean 布尔值
- Null 空值
- Undefined 未定义
以上五种数据类型属于基本数据类型
只要不是上边的5种,全都是对象
- Object 对象
基本数据类型都是单一的值 'hello',123 true
var name='孙悟空';
var gender='男';
var age=18;
值和值之间没有任何的联系
如果使用基本数据类型的数据,我们所创建的变量都是独立的,不能成为一个整体。
对象属于一种复合的数据类型,在对象中可以保存多个不同数据类型的属性。
对象的分类:
1.内建对象
- 由ES标准定义的对象,在任何的ES的实现中都可以使用
- 比如:Math String Number Boolean Function Object...
2.宿主对象
- 由JS的运行环境提供的对象,目前来讲主要指浏览器提供的对象
- 比如 BOM DOM / console document
3.自定义对象
- 由开发人员自己创建的对象
*/
//创建对象
/*
使用new关键字调用的函数,是构造函数constructor
构造函数是专门用来创建对象的函数
使用typeof检查一个对象时,会返回object
*/
var obj=new Object();
var str='hello';
var num=123;
// console.log(obj);
// console.log(str);
// console.log(num);
/*
在对象中保存的值称为属性
向对象添加属性
语法:对象.属性名=属性值;
*/
//向obj中添加一个name属性
obj.name='陈圆圆';
//向obj中添加一个gender属性
obj.gender='女';
//向obj中添加一个age属性
obj.age=18;
// console.log(obj);
/*
读取对象中的属性
语法:对象.属性名
如果读取对象中没有的属性,不会报错而是会返回undefined
*/
// console.log(obj.name);
// console.log(obj.age);
// console.log(obj.gender);
// console.log(obj.baby);
/*
修改对象的属性
语法:对象.属性名=新值
*/
obj.name='隆涛涛'
// console.log(obj.name);
/*
删除对象的属性
语法:delete 对象.属性名
*/
delete obj.name;
console.log(obj);
console.log(obj.name);
</script>
三、属性名属性值
<script>
var obj=new Object();
/*
向对象中添加属性
属性名:
- 对象的属性名不强制要求遵守标识符的规范
什么乱七八糟的名字都可以使用
- 但是我们使用时还是尽量按照标识符的规范去做
*/
// obj.name='孙悟空';
// obj.var='hello';
/*
如果使用特殊的属性名,不能采用.的方式来操作
需要使用另一种方式
语法:对象['属性名']=属性值
读取时也要采用这种方式
使用[]这种方式去操作属性,更加的灵活
在[]中可以直接传递一个变量,这样变量值时多少就会读取哪个属性
*/
// obj['123']=789;
// obj['#$%^&*(IUHGFEDCFTYTF']='你好';
// var n ='nihao';
// console.log(obj['123']);
// console.log(obj[n]);
// console.log(obj['#$%^&*(IUHGFEDCFTYTF']);
/*
属性值
JS对象的属性值,可以是任意的数据类型
*/
obj.test=true;
//创建一个对象
var obj2=new Object();
obj2.name='猪八戒';
//将obj2设置为obj属性
obj.test=obj2;
// // console.log(obj);
// console.log(obj.test);
// console.log(obj.test.name);
/*
in 运算符
- 通过该运算符可以检查一个对象中是否含有指定的属性
如果有则返回true,没有则返回false
语法:
'属性名' in 对象
*/
// console.log(obj.test2);
//检查obj中是否含有test2属性
console.log('test2' in obj);
console.log('test' in obj);
console.log('name' in obj.test);
</script>