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 相关文章推荐
使用正则替换变量
May 05 Javascript
js页面跳转常用的几种方式
Nov 25 Javascript
判断对象是否Window的实现代码
Jan 10 Javascript
jquery动画4.升级版遮罩效果的图片走廊--带自动运行效果
Aug 24 Javascript
jquery为页面增加快捷键示例
Jan 31 Javascript
jQuery获得指定元素坐标的方法
Apr 14 Javascript
JavaScript实现删除,移动和复制文件的方法
Aug 05 Javascript
Javascript 对cookie操作详解及实例
Dec 29 Javascript
工作中常用到的ES6语法
Sep 04 Javascript
Vue 监听列表item渲染事件方法
Sep 06 Javascript
vue 地图可视化 maptalks 篇实例代码详解
May 21 Javascript
微信小程序之导航滑块视图容器功能的实现代码(简单两步)
Jun 19 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
PHP 字符串 小常识
2009/06/05 PHP
php对图像的各种处理函数代码小结
2013/07/08 PHP
php缓存技术详细总结
2013/08/07 PHP
php实现建立多层级目录的方法
2014/07/19 PHP
PHP中PDO连接数据库中各种DNS设置方法小结
2016/05/13 PHP
PDO::lastInsertId讲解
2019/01/29 PHP
php7连接MySQL实现简易查询程序的方法
2020/10/13 PHP
jquery使用jxl插件导出excel示例
2014/04/14 Javascript
使用原生js写的一个简单slider
2014/04/29 Javascript
js获取网页可见区域、正文以及屏幕分辨率的高度
2014/05/15 Javascript
Bootstrap树形控件使用方法详解
2016/01/27 Javascript
javaScript基础详解
2017/01/19 Javascript
解决ztree搜索中多级菜单展示不全问题
2017/07/05 Javascript
JSONP原理及应用实例详解
2018/09/13 Javascript
详解vue中async-await的使用误区
2018/12/05 Javascript
vue eslint简要配置教程详解
2019/07/26 Javascript
layui-table表复选框勾选的所有行数据获取的例子
2019/09/13 Javascript
vue data恢复初始化数据的实现方法
2019/10/31 Javascript
vue实现前端分页完整代码
2020/06/17 Javascript
[01:02:53]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第二局
2016/03/06 DOTA
Python采用socket模拟TCP通讯的实现方法
2014/11/19 Python
Ubuntu下使用python读取doc和docx文档的内容方法
2018/05/08 Python
深度辨析Python的eval()与exec()的方法
2019/03/26 Python
python接口自动化(十七)--Json 数据处理---一次爬坑记(详解)
2019/04/18 Python
python opencv 二值化 计算白色像素点的实例
2019/07/03 Python
pytorch中nn.Conv1d的用法详解
2019/12/31 Python
Python+OpenCV图像处理——图像二值化的实现
2020/10/24 Python
暇步士官网:Hush Puppies
2016/09/22 全球购物
兰蔻美国官网:Lancome美国
2017/04/25 全球购物
雷蛇美国官网:Razer
2020/04/03 全球购物
大专应届毕业生求职信
2014/07/15 职场文书
小学生安全责任书
2014/07/25 职场文书
解除聘用合同证明书范本
2014/09/11 职场文书
2015年环卫处个人工作总结
2015/07/27 职场文书
python双向链表实例详解
2022/05/25 Python
Win10鼠标宏怎么设置?win10系统鼠标宏的设置方法
2022/08/14 数码科技