GVKun编程网logo

Javascript基础教程之if条件语句(js if条件)

20

在本文中,我们将为您详细介绍Javascript基础教程之if条件语句的相关知识,并且为您解答关于jsif条件的疑问,此外,我们还会提供一些关于JavaScriptif条件语句、javascript中

在本文中,我们将为您详细介绍Javascript基础教程之if条件语句的相关知识,并且为您解答关于js if条件的疑问,此外,我们还会提供一些关于JavaScript if 条件语句、javascript中 if条件语句中的判断条件类型总结、JavaScript中if条件语句怎么使用、JavaScript基础教程之alert弹出提示框实例_javascript技巧的有用信息。

本文目录一览:

Javascript基础教程之if条件语句(js if条件)

Javascript基础教程之if条件语句(js if条件)

if 是常用语法之一,其格式如下

if(coditon) statement1 (else statement2)

其中,coditon可以是任何表达式,甚至不比是真正的布尔值,因为JavaScript会将其自动转化为布尔值。

如果条件执行结果为true,则执行statement1,如果条件为false,则执行结果statment2,(如果statement2存在,则else不是必须的)

每个条件语句可以是单行代码,也可以是代码块。以下是简单的举例

复制代码 代码如下:

    var iNumber = Number(prompt("请输入一个5到100之间的数字"));
    if (isNaN(iNumber))
     document.write("您请确定您输入的数字。");
    else if(iNumber > 100 || iNumber < 5 )
    document.write("您输入的值不在范围内");
    else
    document.write("您输入的值是" + iNumber);

您可能感兴趣的文章:
  • JavaScript中条件语句的优化技巧总结
  • 如何利用JavaScript编写更好的条件语句详解
  • JSP实现带查询条件的通用分页组件
  • 详解写好JS条件语句的5条守则
  • 分享5个小技巧让你写出更好的 JavaScript 条件语句
  • JavaScript中的条件判断语句使用详解
  • JScript中的条件注释详解
  • javascript里的条件判断
  • 浅谈JS如何写出漂亮的条件表达式

JavaScript if 条件语句

JavaScript if 条件语句

if 语句

当指定条件为true的时候,执行该条件的代码,然后接着执行 if 后面的其他语句。
返回结果为false,则程序跳过“{}”的执行代码,直接执行程序后面的其他语句。

格式:

if(条件){
    执行代码;
}

示例:

<script type="text/javascript">
var score=90;
if(score>60)
    {
        alert("合格");
    }
</script>

if...else 语句

if...else 语句是“双向分支选择结构语句”,通常用于需要用两个程序分支来执行的情况(双向选择),也就是在 if 语句基础上多了一个分支。

格式:

if(条件){
    当条件为true时,执行代码;
}else{
    当条件条件为false,执行的代码;
}

示例:

<script type="text/javascript">
var score=90;
if(score<60)
    {
        alert("不合格");
    }else {
        alert("合格");
    }
</script>

if...else if...else 语句

该语句是“多分支选择结构语句”,用于选择多个代码一起执行。

格式:

if(条件1){
    当条件1为true时,执行代码;
}else if(条件2){
    当条件2为true时,执行代码;
}else{
    当条件1和2 都不为true时 ,执行的代码;
}

示例:

<script type="text/javascript">
var d = new Date();
var time = d.getHours();
if(time<12){
    alert("早上好!");   
}else if(time>12&&time<18) {
    alert("下午好!");
}else{
    alert("晚上好!");
}
</script>

嵌套 if 语句

嵌套就是在if、else if、else里面还可以再调用if、else if、else,而嵌套的层数是没有限制的。

格式:

if(条件1){
    if(条件2){
        执行代码;
    } else {
        执行代码;
    }
} else {
    if(条件3){
        执行代码;
    } else {
        执行代码;
    }
}

示例:

<script type="text/javascript">
var score=80;
var daily=70;
if (score>60 &&daily>60){
    alert("顺利毕业")
}else{
    if (score <60 && daily<60){
        alert("成绩和考勤不合格,无法毕业")
    }else if (daily<60){
        alert("考勤不合格,无法毕业")
    }else{
        alert("成绩不合格,无法毕业")
    }
}

javascript中 if条件语句中的判断条件类型总结

javascript中 if条件语句中的判断条件类型总结

在所有编程语言中if是最长用的判断之一,但在js中到底哪些东西可以在if中式作为判断表达式呢?

例如如何几行,只是少了一个括号,真假就完全不同,到底表示什么含义呢

 1 var obj={};
 2  obj.Funtext=function(){};
 3     if(obj.Funtext)
 4    {
 5      alert("true  obj.Funtext;");
 6    }
 7    else
 8    {
 9      alert("false  obj.Funtext");
10    }
11    obj.Funtext=function(){};
12     if(obj.Funtext())
13    {
14      alert("true  obj.Funtext();");
15    }
16    else
17    {
18      alert("false  obj.Funtext()");
19    }

 

1第一类已定义的变量但未赋值在if中认为是假

例如:

1 var  t;
2           if(t)
3           {
4             alert("true 已定义未赋值");
5           }
6           else
7           {
8             alert("false 已定义未赋值");
9           }

 

2第二类已定义的变量,赋值为空字符串在if中认为是假,赋值为其他的字符串,也就是是字符串中有字符就认为是真

例如

 1 var  t;
 2           t=" ";
 3           if(t)
 4           {
 5             alert("true t='' '';");
 6           }
 7           else
 8           {
 9             alert("false t='' ''");
10           }
11            t="111";
12           if(t)
13           {
14             alert("true t=''111'';");
15           }
16           else
17           {
18             alert("false t=''111''");
19           }

 

if判断是真,也就是对于字符串类型,只要有字符,即使是空格字符if判断也为真。

 

3第三类已定义的变量,赋值为true在if中认为是真,赋值为false,则为假,这和其他语言中bool的类型的变量是一样的。

例如:

 1 var  t;
 2  t=false;
 3  if(t)
 4  {
 5    alert("true  t=false;");
 6  }
 7  else
 8  {
 9    alert("false  t=false;");
10  }
11   t=true;
12  if(t)
13  {
14    alert("true  t=true;");
15  }
16  else
17  {
18    alert("false  t=true;");
19  }

 

4第四类已定义的变量,赋值为0在if中则为假,其他数值认为是真,这和c语言中数值的类型的变量是一样的。

 

例如:

 1 var  t;
 2  t=0;
 3  if(t)
 4  {
 5    alert("true  t=0;");
 6  }
 7  else
 8  {
 9    alert("false  t=0;");
10  }
11   t=0.0;
12  if(t)
13  {
14    alert("true  t=0.0;");
15  }
16  else
17  {
18    alert("false  t=0.0;");
19  }

测试发现不管是0,还是0.0都是假

 

 1 var  t;
 2   t=2;
 3  if(t)
 4  {
 5    alert("true  t=2;");
 6  }
 7  else
 8  {
 9    alert("false  t=2;");
10  }

 

发现非0是都是真

 

5第五类js中的特殊值null,undefined,都是假

 1 var  t=null;
 2            if(t)
 3            {
 4              alert("true  t=null;");
 5            }
 6            else
 7            {
 8              alert("false  t=null;");
 9            }
10             t=undefined;
11            if(t)
12            {
13              alert("true  t=undefined;");
14            }
15            else
16            {
17              alert("false  t=undefined;");
18            }

由于在js中未定义的变量默认值是undefined,因此这也就就解释了第一类情况

 

 

 

6第六类已定义的函数,根据调用方式又分为两种

第一种:不带括号的,如果定义了就是真,没有定义会报错

1 function testfunction(){}
2            if(testfunction)
3            {
4              alert("true  testfunction;");
5            }
6            else
7            {
8              alert("false  testfunction;");
9            }

第二种:带括号的,其实相当于调用函数,自然是根据函数的返回值判断真假

 

例如:

 

1 function testfunction(){}
2  if(testfunction())
3           {
4             alert("true  testfunction;");
5           }
6           else
7           {
8             alert("false  testfunction;");
9           }

 

是假,是因为,函数如果没有定义返回值值,则返回值是undefined

 

 


7第七类已定义的对象,未赋值时在if中则为假,赋值后是真。

例如:

1 var obj;
2             if(obj)
3            {
4              alert("true  obj;");
5            }
6            else
7            {
8              alert("false  obj;");
9            }

其实由于在js中变量在没有赋值时是没有类型的,因此和第一种情况是一样的。

 

但在赋值后,就会变成真,例如:

 

 1           var <span>obj</span>
 2 ;
 3             obj={};
 4             if(obj)
 5            {
 6              alert("true  obj={};");
 7            }
 8            else
 9            {
10              alert("false  obj={};");
11            }

8第八类已定义的对象的属性字段,和单独的变量是一样的,例如数值型为0时是假,其他为真,字符串型是为空值时是假,其他为真。

 

例如

 

 

 
 1 var obj={};
 2           obj.Text="";
 3            if(obj.Text)
 4           {
 5             alert("true  obj.Text;");
 6           }
 7           else
 8           {
 9             alert("false  obj.Text");
10           }
11            obj.Text="Text";
12            if(obj.Text)
13           {
14             alert("true  obj.Text;");
15           }
16           else
17           {
18             alert("false  obj.Text");
19           }
20           obj.Text=0;
21            if(obj.Text)
22           {
23             alert("true  obj.Text;");
24           }
25           else
26           {
27             alert("false  obj.Text");
28           }
29            obj.Text=1;
30            if(obj.Text)
31           {
32             alert("true  obj.Text;");
33           }
34           else
35           {
36             alert("false  obj.Text");
37           }

 

9第九类已定义的对象的方法,和单独的函数是一样的,

 

不加括号是如果没定义就是假,

 1 var obj={};
 2             obj.Funtext=function(){};
 3             if(obj.Funtext)
 4            {
 5              alert("true  obj.Funtext;");
 6            }
 7            else
 8            {
 9              alert("false  obj.Funtext");
10            }          
11             if(obj.Funtext1)//未定义属性,也没有定义方法
12            {
13              alert("true  obj.Funtext1;");
14            }
15            else
16            {
17              alert("false  obj.Funtext1");
18            }

加了括号相当于调用方法,就是根据返回值判断真假。

 

 1 var obj={};
 2              obj.Funtext=function(){};
 3             if(obj.Funtext())
 4            {
 5              alert("true  obj.Funtext();");
 6            }
 7            else
 8            {
 9              alert("false  obj.Funtext()");
10            }
11             obj.Funtext2=function(){ return "ff"};
12             if(obj.Funtext2())
13            {
14              alert("true  obj.Funtext2();");
15            }
16            else
17            {
18              alert("false  obj.Funtext2()");
19            }

 

可以看到在js中可以在if中作为判断的类型很多,但最终都可以看做这些类型的变形。只要掌握了这些最基本的,就可以灵活运用if判断了。

最基本是null,undefined,if判断都是假;对于数值类型,0是假,其他为真;对于字符类型空字符串是假,其他为真,对于方法属性,如果定义了就是真,否则就是假,其他所有都可以看做是这些的变相应用。

 原文 https://www.cnblogs.com/Liangbingbing/p/6582253.html

JavaScript中if条件语句怎么使用

JavaScript中if条件语句怎么使用

javascript中的if可实现条件分支也就是条件语句,所以,接下来的这篇文章就来给大家介绍关于javascript中if条件语句的用法,下面我们来看具体内容。

JavaScript

我们先来看看条件分支(if语句)语句的语法

if(条件){
条件为真时执行
}
登录后复制

在()中写入条件,如果条件为真,则执行{}中的处理。

顺便说一下,条件一致称为“真(true)”,不一致称为“假(false)”。

立即学习“Java免费学习笔记(深入)”;

如果要在if语句中添加“false”,需要按如下所示添加代码

if(条件){
条件为真时执行
} else {
条件为假时执行
}
登录后复制

if条件适用的话用if处理,如果不适用则使用else处理。

具体的示例

用分数来进行判断

如果是80分以上(包括80分),则恭喜你!通过了!

如果分数少于80,则不合格!下次努力!

首先,让我们假设使用变量取得分数如下(在这里设置为90分)。

代码如下

<script>
var score = 90;
if (score >= 80) {
document.write("恭喜你!通过了!") ;
}
</script>
登录后复制

因为分数高于80分,所以运行结果如下

JavaScript

我们再来看一段代码

<script>
var score = 90;
if (score >= 80) {
document.write("恭喜你!通过了!");
} else {
document.write("不合格!下次努力!");
}
</script>
登录后复制

这段代码虽然增加了else,但是由于分数仍然高于80,所以结果依然是“恭喜你!通过了!”

我们来将分数设置为60

<script>
var score = 60;
if (score >= 80) {
document.write("恭喜你!通过了!");
} else {
document.write("不合格!下次努力!");
}
</script
登录后复制

运行结果如下

JavaScript

多个条件分支语句(else if)

使用条件语句时,可以使用多个条件进行分支,这个时候使用的就是else if语句

else if语句在条件语句中如下

<script>
if (条件) {
条件为真时执行
} else if (条件2) {
条件2为真时执行
}
else {
条件为假时执行
}
</script>
登录后复制

让我们来看具体的示例

<script>
var score = 60;
if (score >= 80) {
document.write("恭喜你!通过了!");
} else if (score >= 70) {
document.write("不合格!加油!");
}
else  {
document.write("不合格!下次努力!");
}
</script>
登录后复制

运行结果如下

2345截图20181221143655.png

既不符合条件1(score >= 80)也不符合条件2(score >= 70),所以结果为“不合格!下次努力!”

如果将60改为78,则结果如下

2345截图20181221145414.png

本篇文章到这里就全部结束了,更多精彩内容大家可以关注php中文网其他视频教程栏目!!!

以上就是JavaScript中if条件语句怎么使用的详细内容,更多请关注php中文网其它相关文章!

JavaScript基础教程之alert弹出提示框实例_javascript技巧

JavaScript基础教程之alert弹出提示框实例_javascript技巧

alert 命令弹出一个提示框

为便于对 JavaScript 有一个直观的认识,本节会提供几个简单的实例供 JavaScript 入门学习之用。下面的代码是一个弹出提示框的例子:

复制代码 代码如下:


将上面部分代码,用文本编辑器(如写字板或其他更高级的编辑器,如 EditPlus 等)保存为 alert.html(或 alert.htm)。双击 alert.html 运行它(实际是使用 IE 等浏览器打开这个文件),会看到如下弹出提示框:

提示

立即学习“Java免费学习笔记(深入)”;

如果使用 IE 浏览器提示:为了有利于保护安全性,Internet Explorer 已经限制此网页运行可以访问计算机的脚本或 ActiveX 空间。”,那么请选择“允许阻止的内容”,以允许IE浏览器运行上面的 JavaScript 代码。

实例语法解释

下面对上面例子的 JavaScript 语法做一个简单的解释:
代表结束。JavaScript 代码要放在这个开始与结束之间。
alert("我是提示文字!"); 就是 JavaScript 代码,alert() 表示弹出一个提示框(如上图所示),代码以英文的 ; 表示结束。
弹出框的提示文字,以 "" 或 '''' 引起来,并放入 alert() 中。

今天的关于Javascript基础教程之if条件语句js if条件的分享已经结束,谢谢您的关注,如果想了解更多关于JavaScript if 条件语句、javascript中 if条件语句中的判断条件类型总结、JavaScript中if条件语句怎么使用、JavaScript基础教程之alert弹出提示框实例_javascript技巧的相关知识,请在本站进行查询。

本文标签:

上一篇Javascript基础教程之比较操作符(javascript比较运算符有哪些)

下一篇Javascript基础教程之switch语句(javascript switch语句)