JS switch判断 三目运算 while 及 属性操作代码


Posted in Javascript onSeptember 03, 2017

三 目运算:如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判断

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 //终止两个循环
}
}

对象存贮数据,是存在对象的属性中:

对象是一种复杂类型的数据,在对象中我们可以存储任意类型的数据

第一种:属性操作 1 第一种属性操作时一组写死的值,不能使用变量。

读操作 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 及 属性操作代码,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
Javascript this关键字使用分析
Oct 21 Javascript
关于jQuery的inArray 方法介绍
Oct 08 Javascript
在父页面调用子页面的JS方法
Sep 29 Javascript
js css 实现遮罩层覆盖其他页面元素附图
Sep 22 Javascript
JavaScript charCodeAt方法入门实例(用于取得指定位置字符的Unicode编码)
Oct 17 Javascript
Javascript中的方法和匿名方法实例详解
Jun 13 Javascript
jquery append 动态添加的元素事件on 不起作用的解决方案
Jul 30 Javascript
jQuery幻灯片特效代码分享--鼠标滑过按钮时切换(2)
Nov 18 Javascript
JQuery中Ajax的操作完整例子
Mar 07 Javascript
echarts多条折线图动态分层的实现方法
May 24 Javascript
vue实现百度语音合成的实例讲解
Oct 14 Javascript
JS实现简单控制视频播放倍速的实例代码
Apr 18 Javascript
javascript帧动画(实例讲解)
Sep 02 #Javascript
浅谈js基础数据类型和引用类型,深浅拷贝问题,以及内存分配问题
Sep 02 #Javascript
js es6系列教程 - 基于new.target属性与es5改造es6的类语法
Sep 02 #Javascript
js es6系列教程 - 新的类语法实战选项卡(详解)
Sep 02 #Javascript
使用vue-resource进行数据交互的实例
Sep 02 #Javascript
jquery tmpl模板(实例讲解)
Sep 02 #jQuery
自制简易打赏功能的实例
Sep 02 #Javascript
You might like
discuz 首页四格:最新话题+最新回复+热门话题+精华文章插件
2007/08/19 PHP
解析PHP获取当前网址及域名的实现代码
2013/06/23 PHP
PHP 实现的将图片转换为TXT
2015/10/21 PHP
ucenter中词语过滤原理分析
2016/07/13 PHP
Nigma vs AM BO3 第一场2.13
2021/03/10 DOTA
JS获取页面input控件中所有text控件并追加样式属性
2013/02/25 Javascript
常用的JavaScript模板引擎介绍
2015/02/28 Javascript
JavaScript基本语法学习教程
2016/01/14 Javascript
js定义类的几种方法(推荐)
2016/06/08 Javascript
js放到head中失效的原因与解决方法
2017/03/07 Javascript
10分钟彻底搞懂Http的强制缓存和协商缓存(小结)
2018/08/30 Javascript
jQuery实现点击旋转,再点击恢复初始状态动画效果示例
2018/12/11 jQuery
解决layui的form里的元素进行动态生成,验证失效的问题
2019/09/14 Javascript
Vue循环遍历选项赋值到对应控件的实现方法
2020/06/22 Javascript
vue props default Array或是Object的正确写法说明
2020/07/30 Javascript
详解JavaScript之Array.reduce源码解读
2020/11/01 Javascript
Python检测生僻字的实现方法
2016/10/23 Python
python中日志logging模块的性能及多进程详解
2017/07/18 Python
Python实现一个简单的验证码程序
2017/11/03 Python
浅谈Python中带_的变量或函数命名
2017/12/04 Python
python实现kNN算法
2017/12/20 Python
python3安装pip3(install pip3 for python 3.x)
2018/04/03 Python
pycharm远程linux开发和调试代码的方法
2018/07/17 Python
PyTorch中topk函数的用法详解
2020/01/02 Python
Python threading.local代码实例及原理解析
2020/03/16 Python
ffmpeg+Python实现B站MP4格式音频与视频的合并示例代码
2020/10/21 Python
德国高尔夫商店:Golfshop.de
2019/06/22 全球购物
欧缇丽加拿大官方网站:Caudalie加拿大
2019/07/18 全球购物
国贸专业个人求职信分享
2013/12/04 职场文书
法制宣传标语
2014/06/23 职场文书
优秀应届本科生求职信
2014/07/19 职场文书
高中毕业典礼演讲稿
2014/09/09 职场文书
2014年街道办事处工作总结
2014/12/11 职场文书
高中社区服务活动报告
2015/02/05 职场文书
社会心理学学习心得体会
2016/01/22 职场文书
年终奖金发放管理制度,中小企业适用,拿去救急吧!
2019/07/12 职场文书