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 相关文章推荐
jquery 指南/入门基础
Nov 30 Javascript
javascript学习笔记(七) js函数介绍
Jun 19 Javascript
关于火狐(firefox)及ie下event获取的两种方法
Dec 27 Javascript
jquery设置按钮停顿3秒不可用
Mar 07 Javascript
HTML页面弹出居中可拖拽的自定义窗口层
May 07 Javascript
Javascript中浮点数相乘的一个解决方法
Jun 03 Javascript
js父页面与子页面不同时显示的方法
Oct 16 Javascript
bootstrap选项卡使用方法解析
Jan 11 Javascript
jQuery插件HighCharts绘制2D圆环图效果示例【附demo源码下载】
Mar 09 Javascript
Node.js中使用mongoose操作mongodb数据库的方法
Sep 12 Javascript
详解vue2.0+vue-video-player实现hls播放全过程
Mar 02 Javascript
微信小程序框架的页面布局代码
Aug 17 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
Protoss魔法科技
2020/03/14 星际争霸
PHP操作数组相关函数
2011/02/03 PHP
CI框架学习笔记(一) - 环境安装、基本术语和框架流程
2014/10/26 PHP
Yii框架学习笔记之session与cookie简单操作示例
2019/04/30 PHP
jquery中dom操作和事件的实例学习 下拉框应用
2011/12/01 Javascript
JavaScript制作简易的微信打飞机
2015/03/31 Javascript
jQuery中 attr() 方法使用小结
2015/05/03 Javascript
浅析jQuery 3.0中的Data
2016/06/14 Javascript
JavaScript纯色二维码变成彩色二维码
2020/07/23 Javascript
JavaScript重复元素处理方法分析【统计个数、计算、去重复等】
2017/12/14 Javascript
原生JS实现的跳一跳小游戏完整实例
2019/01/27 Javascript
如何使用VuePress搭建一个类型element ui文档
2019/02/14 Javascript
vue模仿网易云音乐的单页面应用
2019/04/24 Javascript
JS拖动选择table里的单元格完整实例【基于jQuery】
2019/05/28 jQuery
解决Layui中templet中a的onclick参数传递的问题
2019/09/20 Javascript
[04:30]显微镜下的DOTA2第五期——拉比克
2013/09/26 DOTA
[51:11]2014 DOTA2国际邀请赛中国区预选赛5.21 LGD-CDEC VS DT
2014/05/22 DOTA
[04:10]2016国际邀请赛中国区预选赛第二日TOP10精彩集锦
2016/06/28 DOTA
通过源码分析Python中的切片赋值
2017/05/08 Python
python MySQLdb使用教程详解
2018/03/20 Python
python处理DICOM并计算三维模型体积
2019/02/26 Python
python面试题小结附答案实例代码
2019/04/11 Python
详解10个可以快速用Python进行数据分析的小技巧
2019/06/24 Python
Django 实现admin后台显示图片缩略图的例子
2019/07/28 Python
在python中实现求输出1-3+5-7+9-......101的和
2020/04/02 Python
Pycharm配置PyQt5环境的教程
2020/04/02 Python
解决Keras TensorFlow 混编中 trainable=False设置无效问题
2020/06/28 Python
windows系统Tensorflow2.x简单安装记录(图文)
2021/01/18 Python
Python中使用Selenium环境安装的方法步骤
2021/02/22 Python
Canvas globalCompositeOperation
2018/12/18 HTML / CSS
网络教育自我鉴定
2013/11/01 职场文书
关于爱国的标语
2014/06/24 职场文书
实习生工作证明范本
2014/09/14 职场文书
单位租房协议范本
2014/12/03 职场文书
javascript条件式访问属性和箭头函数介绍
2021/11/17 Javascript
SQL Server Agent 服务无法启动
2022/04/20 SQL Server