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 相关文章推荐
js中取得变量绝对值的方法
Jan 03 Javascript
通过javascript进行UTF-8编码的实现方法
Jun 27 Javascript
Three.js学习之文字形状及自定义形状
Aug 01 Javascript
Js得到radiobuttonlist选中值的两种方法(推荐)
Aug 25 Javascript
原生Javascript插件开发实践
Jan 09 Javascript
ES6新数据结构Set与WeakSet用法分析
Mar 31 Javascript
mui开发中获取单选按钮、复选框的值(实例讲解)
Jul 24 Javascript
通过源码分析Vue的双向数据绑定详解
Sep 24 Javascript
es6系列教程_ Map详解以及常用api介绍
Sep 25 Javascript
json数据格式常见操作示例
Jun 13 Javascript
Electron 调用命令行(cmd)
Sep 23 Javascript
el-table-column 内容不自动换行的解决方法
Aug 14 Vue.js
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
用mysql触发器自动更新memcache的实现代码
2009/10/11 PHP
CodeIgniter框架URL路由总结
2014/09/03 PHP
浅谈php处理后端&amp;接口访问超时的解决方法
2016/10/29 PHP
php简单计算权重的方法示例【适合抽奖类应用】
2019/06/10 PHP
[原创]PHP global全局变量经典应用与注意事项分析【附$GLOBALS用法对比】
2019/07/12 PHP
javascript权威指南 学习笔记之null和undefined
2011/09/25 Javascript
javascript获取设置div的高度和宽度兼容任何浏览器
2013/09/22 Javascript
JavaScript计算两个日期时间段内日期的方法
2015/03/16 Javascript
Node.js的项目构建工具Grunt的安装与配置教程
2016/05/12 Javascript
JS导出PDF插件的方法(支持中文、图片使用路径)
2016/07/12 Javascript
jQuery模拟窗口抖动效果
2017/03/15 Javascript
JavaScript数据结构之优先队列与循环队列实例详解
2017/10/27 Javascript
vue调用语音播放的方法
2019/09/27 Javascript
Vue数据双向绑定原理实例解析
2020/05/15 Javascript
通过实例解析javascript Date对象属性及方法
2020/11/04 Javascript
详解Vue中的watch和computed
2020/11/09 Javascript
[03:46]显微镜下的DOTA2第七期——满血与残血
2014/06/20 DOTA
Flask SQLAlchemy一对一,一对多的使用方法实践
2013/02/10 Python
Python使用设计模式中的责任链模式与迭代器模式的示例
2016/03/02 Python
python截取两个单词之间的内容方法
2018/12/25 Python
Python使用修饰器进行异常日志记录操作示例
2019/03/19 Python
python调用动态链接库的基本过程详解
2019/06/19 Python
python根据多个文件名批量查找文件
2019/08/13 Python
python脚本后台执行方式
2019/12/21 Python
Jupyter notebook 启动闪退问题的解决
2020/04/13 Python
什么是View State?
2013/01/27 面试题
低碳环保口号
2014/06/12 职场文书
后勤管理员岗位职责
2014/08/27 职场文书
教师国庆节演讲稿范文2014
2014/09/21 职场文书
毕业实习自我鉴定范文2014
2014/09/26 职场文书
我的大学四年规划书范文2014
2014/09/26 职场文书
2014年幼师工作总结
2014/11/22 职场文书
2014年小学安全工作总结
2014/12/04 职场文书
义卖募捐活动总结
2015/05/09 职场文书
交通安全宣传标语(100条)
2019/08/22 职场文书
导游词之苏州盘门景区
2019/11/12 职场文书