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 相关文章推荐
求得div 下 img的src地址的js代码
Feb 28 Javascript
最简单的js图片切换效果实现代码
Sep 24 Javascript
关于JavaScript与HTML的交互事件
Apr 12 Javascript
JS实现可改变列宽的table实例
Jul 02 Javascript
JavaScript+CSS控制打印格式示例介绍
Jan 07 Javascript
javascript中2个感叹号的用法实例详解
Sep 04 Javascript
利用JQuery写一个简单的异步分页插件
Mar 07 Javascript
JavaScript实现向select下拉框中添加和删除元素的方法
Mar 07 Javascript
Vue.js实现移动端短信验证码功能
Mar 29 Javascript
关于layui 弹出层一闪而过就消失的解决方法
Sep 09 Javascript
vue实现几秒后跳转新页面代码
Sep 09 Javascript
vue 实现click同时传入事件对象和自定义参数
Jan 29 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
php中的登陆login
2007/01/18 PHP
PHP生成短网址的3种方法代码实例
2014/07/08 PHP
PHP PDO和消息队列的个人理解与应用实例分析
2019/11/25 PHP
window.location不跳转的问题解决方法
2014/04/17 Javascript
让checkbox不选中即将选中的checkbox不选中
2014/07/11 Javascript
JS实现为表格动态添加标题的方法
2015/03/31 Javascript
js省市联动效果完整实例代码
2015/12/09 Javascript
javascript实现unicode与ASCII相互转换的方法
2015/12/10 Javascript
JavaScript中的事件委托及好处
2016/07/12 Javascript
Javascript 实现微信分享(QQ、朋友圈、分享给朋友)
2016/10/21 Javascript
用nodejs实现json和jsonp服务的方法
2017/08/25 NodeJs
Vue全局分页组件的实现代码
2018/08/10 Javascript
Web安全之XSS攻击与防御小结
2018/12/13 Javascript
微信小程序实现横向滚动导航栏效果
2019/12/12 Javascript
vue项目使用高德地图的定位及关键字搜索功能的实例代码(踩坑经验)
2020/03/07 Javascript
JS前端模块化原理与实现方法详解
2020/03/17 Javascript
浅谈scrapy 的基本命令介绍
2017/06/13 Python
python实现的二叉树定义与遍历算法实例
2017/06/30 Python
python实现定时提取实时日志程序
2018/06/22 Python
python爬虫框架scrapy实现模拟登录操作示例
2018/08/02 Python
python 用下标截取字符串的实例
2018/12/25 Python
Django如何自定义model创建数据库索引的顺序
2019/06/20 Python
pyqt5 lineEdit设置密码隐藏,删除lineEdit已输入的内容等属性方法
2019/06/24 Python
Python数据可视化:泊松分布详解
2019/12/07 Python
浅谈Python线程的同步互斥与死锁
2020/03/22 Python
西班牙英格列斯百货英国官网:El Corte Inglés英国
2017/10/30 全球购物
6号汽车旅馆预订:Motel 6
2018/02/11 全球购物
NOTINO英国:在线购买美容和香水
2020/02/25 全球购物
一百多行代码实现react拖拽hooks
2021/03/23 Javascript
考试不及格的检讨书
2014/01/22 职场文书
会计师职业生涯规划范文
2014/02/18 职场文书
服装设计师职业生涯规划范文
2014/02/28 职场文书
2015年医生个人工作总结
2015/04/25 职场文书
总结Python变量的相关知识
2021/06/28 Python
Spring mvc是如何实现与数据库的前后端的连接操作的?
2021/06/30 Java/Android
SpringBoot2零基础到精通之数据库专项精讲
2022/03/22 Java/Android