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 相关文章推荐
用Javscript实现表单复选框的全选功能
May 25 Javascript
用js实现的模拟jquery的animate自定义动画(2.5K)
Jul 20 Javascript
js创建数据共享接口——简化框架之间相互传值
Oct 23 Javascript
javascript中select下拉框的用法总结
Jan 07 Javascript
AngualrJS中每次$http请求时的一个遮罩层Directive
Jan 26 Javascript
详解JS中的快速排序与冒泡
Jan 10 Javascript
JavaScript调试之console.log调试的一个小技巧分享
Aug 07 Javascript
详解Vue.js项目API、Router配置拆分实践
Mar 16 Javascript
Easyui 关闭jquery-easui tab标签页前触发事件的解决方法
Apr 28 jQuery
ES6的解构赋值实例详解
May 06 Javascript
用node.js写一个jenkins发版脚本
May 21 Javascript
vue 解决无法对未定义的值,空值或基元值设置反应属性报错问题
Jul 31 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之Smarty入门
2007/01/04 PHP
一贴学会PHP 新手入门教程
2009/08/03 PHP
PHP构造函数与析构函数用法示例
2016/09/28 PHP
Laravel框架实现的rbac权限管理操作示例
2019/01/16 PHP
JQuery 初体验(建议学习jquery)
2009/04/25 Javascript
Blocksit插件实现瀑布流数据无限( 异步)加载
2014/06/20 Javascript
JavaScript实现数组在指定位置插入若干元素的方法
2015/04/06 Javascript
AngularJS中的过滤器使用详解
2015/06/16 Javascript
使用jspdf生成pdf报表
2015/07/03 Javascript
AngularJS 2.0新特性有哪些
2016/02/18 Javascript
jQuery简单实现列表隐藏和显示效果示例
2016/09/12 Javascript
input获取焦点时底部菜单被顶上来问题的解决办法
2017/01/24 Javascript
Javascript中八种遍历方法的执行速度深度对比
2017/04/25 Javascript
Node.js实现简单的爬取的示例代码
2019/06/25 Javascript
20道JS原理题助你面试一臂之力(必看)
2019/07/22 Javascript
VUE实现移动端列表筛选功能
2019/08/23 Javascript
JS中this的4种绑定规则详解
2020/02/04 Javascript
Node.js API详解之 console模块用法详解
2020/05/12 Javascript
[17:45]DOTA2 HEROES教学视频教你分分钟做大人-军团指挥官
2014/06/11 DOTA
[03:59]5分钟带你了解什么是DOTA2(第二期)
2017/02/07 DOTA
Python Pandas找到缺失值的位置方法
2018/04/12 Python
python使用插值法画出平滑曲线
2018/12/15 Python
Python实现网站表单提交和模板
2019/01/15 Python
Python Image模块基本图像处理操作小结
2019/04/13 Python
Python 使用 Pillow 模块给图片添加文字水印的方法
2019/08/30 Python
Python文件时间操作步骤代码详解
2020/04/13 Python
华纳兄弟工作室的官方授权商店:WB Shop
2018/11/30 全球购物
zooplus意大利:在线宠物商店
2019/08/07 全球购物
css animation配合SVG制作能量流动效果
2021/03/24 HTML / CSS
业务副厂长岗位职责
2014/01/03 职场文书
初中学校对照检查材料
2014/08/19 职场文书
教师自我剖析材料(四风问题)
2014/09/30 职场文书
个人纪律作风整改措施思想汇报
2014/10/12 职场文书
2014年团工作总结
2014/11/27 职场文书
债务纠纷起诉书
2015/05/20 职场文书
2019运动会广播加油稿汇总
2019/08/21 职场文书