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 位置函数offset,innerWidth,innerHeight,outerWidth,outerHeight,scrollTop,scrollLeft
Mar 23 Javascript
display和visibility的区别示例介绍
Feb 26 Javascript
JavaScript模块随意拖动示例代码
May 27 Javascript
JavaScript字符串对象fromCharCode方法入门实例(用于把Unicode值转换为字符串)
Oct 17 Javascript
js实现仿百度瀑布流的方法
Feb 05 Javascript
js实现匹配时换色的输入提示特效代码
Aug 17 Javascript
javascript实现简易计算器的代码
May 31 Javascript
轻松掌握JavaScript状态模式
Sep 07 Javascript
分享bootstrap学习笔记心得(组件及其属性)
Jan 11 Javascript
JS实现图片放大镜插件详解
Nov 06 Javascript
JS计算输出100元钱买100只鸡问题的解决方法
Jan 04 Javascript
微信小程序云开发之数据库操作
May 18 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
Zend studio for eclipse中使php可以调用mysql相关函数的设置方法
2008/10/13 PHP
PHP和javascript常用正则表达式及用法实例
2014/07/01 PHP
php过滤表单提交的html等危险代码
2014/11/03 PHP
CodeIgniter使用smtp服务发送html邮件的方法
2015/06/10 PHP
php array_merge_recursive 数组合并
2016/10/26 PHP
php获取网站根目录物理路径的几种方法(推荐)
2017/03/04 PHP
PHP异步进程助手async-helper
2018/02/05 PHP
php curl简单采集图片生成base64编码(并附curl函数参数说明)
2019/02/15 PHP
PHP实现基本留言板功能原理与步骤详解
2020/03/26 PHP
JavaScript模板入门介绍
2012/09/26 Javascript
js 距离某一时间点时间是多少实现代码
2013/10/14 Javascript
javascript数组输出的两种方式
2015/01/13 Javascript
JS实现一个按钮的方法
2015/02/05 Javascript
JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果
2015/11/26 Javascript
Document.body.scrollTop的值总为零的快速解决办法
2016/06/09 Javascript
Easyui的组合框的取值与赋值
2016/10/28 Javascript
js实现用户输入的小写字母自动转大写字母的方法
2017/01/21 Javascript
vue.js 1.x与2.0中js实时监听input值的变化
2017/03/15 Javascript
vue.js单页面应用实例的简单实现
2017/04/10 Javascript
Vue.js表单标签中的单选按钮、复选按钮和下拉列表的取值问题
2017/11/22 Javascript
实例教学如何写vue插件
2017/11/30 Javascript
python转换摩斯密码示例
2014/02/16 Python
python实现在目录中查找指定文件的方法
2014/11/11 Python
Python实现正弦信号的时域波形和频谱图示例【基于matplotlib】
2018/05/04 Python
python使用response.read()接收json数据的实例
2018/12/19 Python
Django项目中添加ldap登陆认证功能的实现
2019/04/04 Python
python绘制多个子图的实例
2019/07/07 Python
Python实现基于SVM的分类器的方法
2019/07/19 Python
python框架flask表单实现详解
2019/11/04 Python
使用Pandas的Series方法绘制图像教程
2019/12/04 Python
python 日志模块 日志等级设置失效的解决方案
2020/05/26 Python
基于OpenCV的网络实时视频流传输的实现
2020/11/15 Python
是否可以从一个static方法内部发出对非static方法的调用?
2014/08/18 面试题
市三好学生主要事迹
2014/01/28 职场文书
运动会领导邀请函
2014/02/05 职场文书
户外亲子活动策划方案
2014/02/07 职场文书