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 相关文章推荐
js 加载并解析XML字符串的代码
Dec 13 Javascript
js判断变量是否未定义的代码
Mar 28 Javascript
利用jquery写的左右轮播图特效
Feb 12 Javascript
html的DOM中Event对象onabort事件用法实例
Jan 21 Javascript
使用jQuery的load方法设计动态加载及解决被加载页面js失效问题
Mar 01 Javascript
vue绑定的点击事件阻止冒泡的实例
Feb 08 Javascript
vue中锚点的三种方法
Jul 06 Javascript
JavaScript fetch接口案例解析
Aug 30 Javascript
vuejs2.0运用原生js实现简单拖拽元素功能
Aug 21 Javascript
在vue中利用v-html按分号将文本换行的例子
Nov 14 Javascript
Vue组件模板及组件互相引用代码实例
Mar 11 Javascript
2分钟实现一个Vue实时直播系统的示例代码
Jun 05 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
JQuery 获取json数据$.getJSON方法的实例代码
2013/08/02 Javascript
JavaScript如何从listbox里同时删除多个项目
2013/10/12 Javascript
javascript获取四位数字或者字母的随机数
2015/01/09 Javascript
jsonp跨域请求数据实现手机号码查询实例分析
2015/12/12 Javascript
微信小程序 缓存(本地缓存、异步缓存、同步缓存)详解
2017/01/17 Javascript
bootstrap折叠调用collapse()后data-parent不生效的快速解决办法
2017/02/23 Javascript
jQuery实现div跟随鼠标移动
2020/08/20 jQuery
jquery单击文字或图片内容放大并居中显示
2017/06/23 jQuery
webpack-dev-server远程访问配置方法
2018/02/22 Javascript
解决vue select当前value没有更新到vue对象属性的问题
2018/08/30 Javascript
vue实现户籍管理系统
2020/05/29 Javascript
重命名批处理python脚本
2013/04/05 Python
Python对两个有序列表进行合并和排序的例子
2014/06/13 Python
Python入门篇之函数
2014/10/20 Python
详解Python的Django框架中的templates设置
2015/05/11 Python
mac下pycharm设置python版本的图文教程
2018/06/13 Python
CentOS下Python3的安装及创建虚拟环境的方法
2018/11/28 Python
Python小白必备的8个最常用的内置函数(推荐)
2019/04/03 Python
Python 动态导入对象,importlib.import_module()的使用方法
2019/08/28 Python
python生成器/yield协程/gevent写简单的图片下载器功能示例
2019/10/28 Python
python实现矩阵和array数组之间的转换
2019/11/29 Python
python实现交并比IOU教程
2020/04/16 Python
使用纯HTML5编写一款网页上的时钟的代码分享
2015/11/16 HTML / CSS
欧舒丹美国官网:L’Occitane美国
2018/02/23 全球购物
丝绸和人造花卉、植物和树木:Nearly Natural
2018/11/28 全球购物
List、Map、Set三个接口,存取元素时,各有什么特点?
2015/09/27 面试题
什么是数据库锁?Oracle中都有哪些类型的锁?
2015/08/21 面试题
《愚公移山》教学反思
2014/02/20 职场文书
2014城乡环境综合治理工作总结
2014/12/19 职场文书
关于调整工作时间的通知
2015/04/24 职场文书
开学第一周总结
2015/07/16 职场文书
2016年暑假学生家长评语
2015/12/01 职场文书
多人股份制合作协议书
2016/03/19 职场文书
简短的人生哲理(38句)
2019/08/13 职场文书
Python中zipfile压缩包模块的使用
2021/05/14 Python
ubuntu开机后ROS程序自启动问题
2022/12/24 Servers