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的监控数据是否发生改变
Apr 11 Javascript
javascript获取select标签选中的值
Jun 04 Javascript
获取JavaScript异步函数的返回值
Dec 21 Javascript
Mobile Web开发基础之四--处理手机设备的横竖屏问题
Aug 11 Javascript
基于ES6 Array.of的用法(实例讲解)
Sep 05 Javascript
es6在react中的应用代码解析
Nov 08 Javascript
bootstrap实现二级下拉菜单效果
Nov 23 Javascript
vue2.0使用swiper组件实现轮播效果
Nov 27 Javascript
VueCli3.0中集成MockApi的方法示例
Jul 05 Javascript
移动端手指操控左右滑动的菜单
Sep 08 Javascript
javascript 高级语法之继承的基本使用方法示例
Nov 11 Javascript
谈谈我在vue-cli3中用预渲染遇到的坑
Apr 22 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
真正面向对象编程:PHP5.01发布
2006/10/09 PHP
解决GD中文乱码问题
2007/02/14 PHP
php foreach、while性能比较
2009/10/15 PHP
php排序算法(冒泡排序,快速排序)
2012/10/09 PHP
PHP autoload与spl_autoload自动加载机制的深入理解
2013/06/05 PHP
PHP常用操作类之通信数据封装类的实现
2017/07/16 PHP
面向对象的编程思想在javascript中的运用上部
2009/11/20 Javascript
JavaScript实现统计文本框Textarea字数增强用户体验
2012/12/21 Javascript
jquery滚动特效集锦
2015/06/03 Javascript
JavaScript事件类型中焦点、鼠标和滚轮事件详解
2016/01/25 Javascript
jQuery对象与DOM对象转换方法详解
2016/05/10 Javascript
JavaScript将DOM事件处理程序封装为event.js 出现的低级错误问题
2016/08/03 Javascript
jQuery简单创建节点的方法
2016/09/09 Javascript
js创建对象几种方式的优缺点对比
2016/09/28 Javascript
jQuery实现frame之间互通的方法
2017/06/26 jQuery
cocos creator Touch事件应用(触控选择多个子节点的实例)
2017/09/10 Javascript
JS手机端touch事件计算滑动距离的方法示例
2017/10/26 Javascript
vue实现同一个页面可以有多个router-view的方法
2018/09/20 Javascript
js操作两个json数组合并、去重,以及删除某一项元素
2020/09/22 Javascript
python之Socket网络编程详解
2016/09/29 Python
用python处理MS Word的实例讲解
2018/05/08 Python
Python多线程编程之多线程加锁操作示例
2018/09/06 Python
关于tf.nn.dynamic_rnn返回值详解
2020/01/20 Python
python自动脚本的pyautogui入门学习
2020/04/01 Python
Python字典取键、值对的方法步骤
2020/09/30 Python
你应该知道的30个css选择器
2014/03/19 HTML / CSS
HTML5实现预览本地图片
2016/02/17 HTML / CSS
澳洲Chemist Direct药房中文网:澳洲大型线上直邮药房
2019/11/04 全球购物
服装店营销方案
2014/03/10 职场文书
施工协议书范本
2014/04/22 职场文书
幼儿园迎国庆65周年活动策划方案
2014/09/16 职场文书
公安交警个人对照检查材料思想汇报
2014/10/01 职场文书
幼儿园感谢信
2015/01/21 职场文书
财政局个人年终总结
2015/03/03 职场文书
2015年公务员试用期工作总结
2015/05/28 职场文书
Python中glob库实现文件名的匹配
2021/06/18 Python