Javascript基础:运算符与流程控制详解

Javascript基础:运算符与流程控制详解

Javascript是一门非常灵活的语言,学好运算符与流程控制,对于掌握JS编程至关重要。

运算符

算术运算符

Javascript中的算术运算符可以进行基本的数学运算,包括加、减、乘、除等。

例如:

var a = 10;
var b = 5;
console.log(a + b); // 15
console.log(a - b); // 5
console.log(a * b); // 50
console.log(a / b); // 2
console.log(a % b); // 0(取余数)

赋值运算符

Javascript中的赋值运算符用于给变量赋值,包括等于号、加等于号、减等于号、乘等于号、除等于号等。

例如:

var a = 10;
a += 5; //等同于 a = a + 5;
console.log(a); // 15

比较运算符

Javascript中的比较运算符用于比较两个值的大小或者是否相等,比较运算的结果返回Boolean类型的值。

例如:

var a = 10;
var b = 5;
console.log(a > b); // true
console.log(a < b); // false
console.log(a >= b); // true
console.log(a <= b); // false
console.log(a == b); // false
console.log(a != b); // true

逻辑运算符

Javascript中的逻辑运算符包括与(&&)、或(||)、非(!)等。

例如:

var a = true;
var b = false;
console.log(a && b); // false
console.log(a || b); // true
console.log(!a); // false

三元运算符

Javascript中的三元运算符是一种简短的if/else语句的应用形式,它由三个运算符构成。

var a = 10;
var b = a > 5 ? "大于5" : "小于等于5";
console.log(b);// "大于5"

流程控制

if语句

Javascript中的if语句用于判断一个条件,并执行相应的代码块。语法如下:

if (condition) {
  //execute code here if condition is true
}

例如:

var a = 10;
if (a > 5) {
  console.log("a 大于 5");
} else {
  console.log("a 小于等于 5");
}

switch语句

Javascript中的switch语句用于多个条件的判断。语法如下:

switch (expression) {
  case value1:
    //execute code here if value1 matches expression
    break;
  case value2:
    //execute code here if value2 matches expression
    break;
  default:
    //execute code here if nothing else matches expression
}

例如:

var a = 2;
switch (a) {
  case 1:
    console.log("a = 1");
    break;
  case 2:
    console.log("a = 2");
    break;
  default:
    console.log("a is neither 1 nor 2");
}

for循环

Javascript中的for循环用于重复执行一段代码。语法如下:

for (init; condition; action) {
  //execute code here
}

例如:

for (var i = 0; i < 5; i++) {
  console.log(i);
}

while循环

Javascript中的while循环用于在条件为true的情况下重复执行一段代码。语法如下:

while (condition) {
  //execute code here
}

例如:

var i = 0;
while (i < 5) {
  console.log(i);
  i++;
}

结语

以上是Javascript基础中运算符与流程控制的详细讲解,我们可以通过上述的知识点使我们的代码更加灵活。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:Javascript基础:运算符与流程控制详解 - Python技术站

(0)
上一篇 2023年5月18日
下一篇 2023年5月18日

相关文章

  • 关于js new Date() 出现NaN 的分析

    关于 JS 中 new Date() 返回 NaN 的情况,一般有以下几个原因: 1. 传递给 Date() 函数的字符串格式不正确 如果传递给 Date() 函数的字符串格式不正确,那么直接调用 new Date() 后会返回 Invalid Date,即不合法的日期对象,而在进行一些操作时会得到 NaN 的结果。 例如: var date = new D…

    JavaScript 2023年6月10日
    00
  • Javascript日期格式化format函数的使用方法

    下面是关于Javascript日期格式化format函数的使用方法的完整攻略。 格式化函数介绍 JavaScript 提供了一个内置的 Date 对象,它用于处理日期和时间。该对象提供了许多方法来操作日期和时间,并且通过使用格式化函数可以将日期和时间格式化显示。 JavaScript 中内置的日期格式化函数为 toLocaleDateString() 和 t…

    JavaScript 2023年5月27日
    00
  • JavaScript中json使用自己总结

    下面是关于“JavaScript中json使用”的攻略: 什么是JSON? JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它可以让数据以易于阅读的形式在程序之间进行传输,包括文本、数字、布尔值、数组和对象等类型的数据。 JSON的格式很简单明了,它由键值对组成,键必须是字符串,值可以是任意数据类型。JSON的语法…

    JavaScript 2023年5月27日
    00
  • 一文总结JavaScript中Promise遇到的问题

    一文总结JavaScript中Promise遇到的问题 Promise是什么? Promise是一种规范,主要解决了JavaScript中回调地狱的问题,可以让我们更加方便地进行异步编程。Promise主要有以下三种状态: Pending(进行中) Fulfilled(已完成) Rejected(已拒绝) Promise的基本用法 function fetc…

    JavaScript 2023年5月28日
    00
  • 用js实现下载远程文件并保存在本地的脚本

    要用JS实现下载远程文件并保存在本地,可以借助浏览器中的XMLHttpRequest对象和Blob对象。以下是实现此功能的步骤: 1. 发送HTTP请求 使用XMLHttpRequest对象发送HTTP请求,一般使用GET或POST请求方式,获取需要下载的远程文件的二进制内容。 function downloadFile(url, callback) { v…

    JavaScript 2023年5月27日
    00
  • HTML5实现的震撼3D焦点图动画的示例代码

    下面是关于“HTML5实现的震撼3D焦点图动画”的完整攻略,主要分为以下三个部分: 一、准备工作 1.1 导入必要的CSS和JS文件 HTML5实现的震撼3D焦点图动画需要使用一些CSS和JS文件,这些文件需要事先导入到HTML页面中。 其中必要的CSS文件有: <link rel="stylesheet" href="c…

    JavaScript 2023年6月11日
    00
  • js实现倒计时时钟的示例代码

    实现JS倒计时时钟需要用到JS的Date()对象以及setTimeout()方法,下面是完整攻略: 1. 创建一个计时器页面 创建一个HTML页面,包含一个div元素用于显示倒计时,同时在页面底部添加一个JavaScript脚本标签。其中HTML代码如下所示: <!DOCTYPE html> <html> <head> &…

    JavaScript 2023年5月27日
    00
  • 浅谈JavaScript中this的指向更改

    浅谈JavaScript中this的指向更改 在JavaScript中,函数的 this 关键字指向的是调用函数的对象,而不同的函数调用方式会影响 this 的指向。本文将详细讨论如何通过不同的方式来更改 this 的指向。 使用 call() 方法 call() 方法可以传递一个对象,并将其作为函数中的 this。例如: let obj = { name:…

    JavaScript 2023年6月10日
    00
合作推广
合作推广
分享本页
返回顶部