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 相关文章推荐
解放web程序员的输入验证
Oct 06 Javascript
javascript 二分法(数组array)
Apr 24 Javascript
jquery.pagination.js 无刷新分页实现步骤分享
May 23 Javascript
浅谈Javascript中匀速运动的停止条件
Dec 19 Javascript
Flash图片上传组件 swfupload使用指南
Mar 14 Javascript
使用jquery.qrcode.js生成二维码插件
Oct 17 Javascript
bootstrap weebox 支持ajax的模态弹出框
Feb 23 Javascript
jquery实现提示语淡入效果
May 05 jQuery
SelectPage v2.4 发布新增纯下拉列表和关闭分页功能
Sep 07 Javascript
分析JS中this引发的bug
Dec 12 Javascript
JavaScript数据结构与算法之二叉树实现查找最小值、最大值、给定值算法示例
Mar 01 Javascript
JavaScript实现点击出现子菜单效果
Feb 08 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 cookie中点号(句号)自动转为下划线问题
2014/10/21 PHP
php实现微信支付之企业付款
2018/05/30 PHP
CI框架实现创建自定义类库的方法
2018/12/25 PHP
为何JS操作的href都是javascript:void(0);呢
2015/11/12 Javascript
create-react-app修改为多页面支持的方法
2018/05/17 Javascript
Angular动画实现的2种方式以及添加购物车动画实例代码
2018/08/09 Javascript
Javascript实现鼠标点击冒泡特效
2019/12/24 Javascript
使用konva和vue-konva库实现拖拽滑块验证功能
2020/04/27 Javascript
有趣的JavaScript隐式类型转换操作实例分析
2020/05/02 Javascript
javascript+Canvas实现画板功能
2020/06/23 Javascript
Vue常用API、高级API的相关总结
2021/02/02 Vue.js
Python 的描述符 descriptor详解
2016/02/27 Python
Python列表切片用法示例
2017/04/19 Python
简单的python协同过滤程序实例代码
2018/01/31 Python
python opencv实现切变换 不裁减图片
2018/07/26 Python
Python wxpython模块响应鼠标拖动事件操作示例
2018/08/23 Python
Windows下安装Scrapy
2018/10/17 Python
PyCharm 创建指定版本的 Django(超详图解教程)
2019/06/18 Python
Python使用pyautocad+openpyxl处理cad文件示例
2019/07/11 Python
python向图片里添加文字
2019/11/26 Python
Python print不能立即打印的解决方式
2020/02/19 Python
PyQt5+Pycharm安装和配置图文教程详解
2020/03/24 Python
Python爬虫JSON及JSONPath运行原理详解
2020/06/04 Python
详解CSS3选择器的使用方法汇总
2015/11/24 HTML / CSS
DHC中国官方购物网站:日本通信销售No.1化妆品
2016/08/20 全球购物
STUBHUB日本:购买和出售全球活动门票
2018/07/01 全球购物
整个世界的设计师家具在哈恩:Designathome
2019/03/25 全球购物
药品促销活动方案
2014/02/14 职场文书
中层领导干部群众路线对照检查材料思想汇报
2014/10/02 职场文书
先进党组织事迹材料
2014/12/26 职场文书
副校长2015年教育教学工作总结
2015/07/27 职场文书
公司员工管理制度
2015/08/04 职场文书
事业单位岗位说明书
2015/10/08 职场文书
北京大学中文系教授推荐的10本小说
2019/08/08 职场文书
Spring Boot接口定义和全局异常统一处理
2022/04/20 Java/Android
AndroidStudio图片压缩工具ImgCompressPlugin使用实例
2022/08/05 Java/Android