本文详细解析JavaScript核心语法,涵盖三目运算符简化条件判断、break与continue对循环的控制差异,以及对象属性的两种读写方式(点语法与方括号语法)。同时介绍for-in遍历对象与for循环处理数组的区别,帮助开发者掌握基础编程技巧。
JavaScript 三目运算符与条件判断
三目运算示例:var a = 10;
var b= 12;
c = a>b ?a:b;
条件满足时执行a,否则执行b
var isHide = true;
若使用if语句进行判断,写法如下
if(isHide) {
box.style.display = "block";
} else {
box.style.display = "none";
}
使用三目运算替代if语句
box.style.display = isHide?"block":"none";
格式为:判断条件?成立时执行的语句:不成立时执行的语句。
当条件成立时,返回成立分支的执行结果
当条件不成立时,返回不成立分支的执行结果
这是if判断语句的简化版本
循环控制:break 与 continue 的区别
continue用于跳过本次循环迭代:该语法不能用于三目运算中
示例如下:
for(var i=0;i<5;i++){
if(i==3)
continue;跳过i=3这个循环不执行;其他依然执行。
}
break用于终止整个循环;默认仅终止紧邻的当前循环,若要终止外层循环,需为循环命名。
示例如下:
for(var i=0;i<5;i++){
if(i==3)
break;当循环执行到i=3时终止整个循环。
}
name:for(var i=0;i<5;i++){
for(var j=0;j<5;j++){
break name //终止两个循环
}
}
对象属性的两种操作方式
对象用于存储数据,数据存储在对象的属性中:
对象属于复杂数据类型,在对象内部可以存储任意类型的数据
第一种属性操作方式:属性名是固定的字面量,不支持使用变量。
读取操作:obj.属性名
写入操作:obj.属性名 = 属性值;
obj.key = val;表示键值对赋值;
例如:
var obj = {};
obj.name = "Leo"; 这种写法为第一种属性名都被写死若想调用必须要如
obj.age = 40; 下console.log(obj.name);。
obj.gender = "female";
console.log(obj.w);//注意第一种属性操作是写死的一个值,不能使用变量 obj.w 这么写就认为在找 obj的w属性。
第二种属性操作方式:接收一个字符串作为键名,字符串可存储在变量中,可直接通过obj[变量]调用
读取操作:obj["属性名"]
写入操作:obj["属性名"] = 属性值;
obj["key"] = val;
注意第二种方式的特点
例如:
var obj = {};
obj['name'] = "Leo";
obj['age'] = 40;
obj['gender'] = "female";
obj['width'] = "180px";
obj['height'] = "180px";
obj['children'] = ["大明","小明","三明"];
var w = "width";
console.log(obj[w]);// 第二种属性操作,接受的是一个字符串,字符串就可以存在变量中,可以直接写obj[变量调用];
alert("name" in obj); // obj 有 name属性就返回 true,否则 返回false
检查对象中是否包含指定属性
返回布尔值 true 或 false
for (var s in obj) { 找到obj的所有属性 s会依次变成arr的属性名 //同过in方法将循环变量s变成obj对
console.log(s,obj[s]); 应的属性名。若想使用只有用第二中命名。s的类型是字符串。
} s为属性名 obj[S]为对应的属性名的属性值。
遍历对象与数组的循环语法
for...in 可用于遍历对象和数组,但不能用于遍历类数组元素集合,
for循环仅适用于遍历数组或类数组(元素集合),不能用于遍历对象。
###while语句###
起始值
while(判断条件){
执行语句;
自增;
}
##switch##
switch(要判断的内容){
case:判断内容; //条件成立后执行语句将case下所有代码都执行,只有遇见break才会结束
执行语句; 若没有遇见break就会遇见穿刺现象执行所有代码。
break;
default: //以上所有的判断都不成立
}
示例如下:
switch(a){
case 10://当a == 10;
console.logo(“;;;;”)语句结束之后添加break
break;//当a==10 的
case 15://当a==15;
console.logo("ppppp")
break;
default: //以上所有的判断都不成立
}
内容总结
以上介绍了JS中的switch判断、三目运算、while循环及属性操作代码,希望对大家有所帮助,如有任何疑问欢迎留言,小编会及时回复!