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实现div的toggle效果实例分析
Jun 09 Javascript
javascript下拉列表中显示树形菜单的实现方法
Nov 17 Javascript
jquery分页插件jquery.pagination.js实现无刷新分页
Apr 01 Javascript
前端jquery部分很精彩
May 03 Javascript
jQuery Easyui DataGrid点击某个单元格即进入编辑状态焦点移开后保存数据
Aug 15 Javascript
bootstrap 设置checkbox部分选中效果
Apr 20 Javascript
vue-resource调用promise取数据方式详解
Jul 21 Javascript
Echarts之悬浮框中的数据排序问题
Nov 08 Javascript
jQuery实现数字自动增加或者减少的动画效果示例
Dec 11 jQuery
使用p5.js实现动态GIF图片临摹重现
Oct 23 Javascript
node读写Excel操作实例分析
Nov 06 Javascript
JavaScript 实现页面滚动动画
Apr 24 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
Wordpress php 分页代码
2009/10/21 PHP
PHP 字符串加密函数(在指定时间内加密还原字符串,超时无法还原)
2010/04/28 PHP
fgetcvs在linux的问题
2012/01/15 PHP
培养自己的php编码规范
2015/09/28 PHP
php使用ffmpeg获取视频信息并截图的实现方法
2016/05/03 PHP
PHP实现将base64编码字符串转换成图片示例
2018/06/22 PHP
php和asp语法上的区别总结
2019/05/12 PHP
利用Dojo和JSON建立无限级AJAX动态加载的功能模块树
2007/03/24 Javascript
javascript 图片裁剪技巧解读
2012/11/15 Javascript
z-blog SyntaxHighlighter 长代码无法换行解决办法(jquery)
2014/11/16 Javascript
浅谈javascript 迭代方法
2015/01/21 Javascript
js获取json中key所对应的value值的简单方法
2020/06/17 Javascript
原生nodejs使用websocket代码分享
2018/04/07 NodeJs
jQuery选择器之基本过滤选择器用法实例分析
2019/02/19 jQuery
详解vue2.6插槽更新v-slot用法总结
2019/03/09 Javascript
JavaScript页面倒计时功能完整示例
2019/05/15 Javascript
[02:42]完美大师赛主赛事淘汰赛第三日观众采访
2017/11/25 DOTA
Python中3种内建数据结构:列表、元组和字典
2014/11/30 Python
20个常用Python运维库和模块
2018/02/12 Python
win10 64bit下python NLTK安装教程
2018/09/19 Python
Python学习笔记之For循环用法详解
2019/08/14 Python
Python中 Global和Nonlocal的用法详解
2020/01/20 Python
python网络编程:socketserver的基本使用方法实例分析
2020/04/09 Python
解决Jupyter Notebook开始菜单栏Anaconda下消失的问题
2020/04/13 Python
深入浅析Python代码规范性检测
2020/07/31 Python
教你使用Canvas处理图片的方法
2017/11/28 HTML / CSS
德国古洛迷亚百货官网:GALERIA Kaufhof
2017/06/20 全球购物
Solaris操作系统的线程机制
2015/07/28 面试题
高级护理专业毕业生推荐信
2013/12/25 职场文书
农村党员一句话承诺
2014/05/30 职场文书
廉政承诺书
2015/01/19 职场文书
2015年法制宣传月活动总结
2015/03/26 职场文书
python小程序之飘落的银杏
2021/04/17 Python
PyQt5爬取12306车票信息程序的实现
2021/05/14 Python
golang 实用库gotable的具体使用
2021/07/01 Golang
css实现两栏布局,左侧固定宽,右侧自适应的多种方法
2021/08/07 HTML / CSS