71muke?v=1
在线看书
立即购买

第一章 前言

收起
2024-07-24更新,每天更一篇

第二章 JavaScript简介

收起
2024-07-24更新,每天更一篇

第三章 javascript基本语法

收起
2024-07-24更新,每天更一篇

第四章 流程控制

收起
2024-07-24更新,每天更一篇

第五章 函数

收起
2024-07-24更新,每天更一篇

第六章 数组与集合

收起
2024-07-24更新,每天更一篇

第七章 错误处理与调试

收起
2024-07-24更新,每天更一篇

第八章 实战练习

收起
2024-07-24更新,每天更一篇

javascript中的运算符

运算符

运算符是编程语言中用于执行各种操作的符号。JavaScript提供了多种运算符,包括算术运算符、赋值运算符、比较运算符、逻辑运算符、位运算符、字符串运算符和三元运算符。以下是对这些运算符的介绍及其使用案例。


算术运算符

算术运算符用于执行基本的数学运算,如加、减、乘、除等。

image.png


使用示例:

let a = 10;
let 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

a++;
console.log(a); // 输出: 11

b--;
console.log(b); // 输出: 4


赋值运算符

赋值运算符用于将值赋给变量。

image.png

使用示例:

let a = 10;
let b = 5;

a += b; // 相当于 a = a + b
console.log(a); // 输出: 15

a -= b; // 相当于 a = a - b
console.log(a); // 输出: 10

a *= b; // 相当于 a = a * b
console.log(a); // 输出: 50

a /= b; // 相当于 a = a / b
console.log(a); // 输出: 10

a %= b; // 相当于 a = a % b
console.log(a); // 输出: 0


比较运算符

比较运算符用于比较两个值,返回布尔值 true 或 false。

image.png


使用示例:

let a = 10;
let b = 5;

console.log(a == b); // 输出: false
console.log(a === 10); // 输出: true
console.log(a != b); // 输出: true
console.log(a !== '10'); // 输出: true
console.log(a > b); // 输出: true
console.log(a < b); // 输出: false
console.log(a >= 10); // 输出: true
console.log(a <= 5); // 输出: false


逻辑运算符

逻辑运算符用于执行布尔逻辑操作。

image.png


使用示例:

let a = true;
let b = false;

console.log(a && b); // 输出: false
console.log(a || b); // 输出: true
console.log(!a); // 输出: false


位运算符

位运算符对二进制位进行操作。

image.png

使用示例:

let a = 5;  // 0101
let b = 3;  // 0011

console.log(a & b); // 输出: 1 (0001)
console.log(a | b); // 输出: 7 (0111)
console.log(a ^ b); // 输出: 6 (0110)
console.log(~a); // 输出: -6 (取反后的二进制为1010,即-6)
console.log(a << 1); // 输出: 10 (1010)
console.log(a >> 1); // 输出: 2 (0010)
console.log(a >>> 1); // 输出: 2 (0010)


字符串运算符

字符串运算符用于连接字符串。

image.png

使用示例:

let a = "Hello";
let b = "World";

console.log(a + " " + b); // 输出: "Hello World"


三元运算符

三元运算符是一个简洁的条件操作符。

image.png

使用示例:

let a = 10;
let b = 5;

let result = (a > b) ? "a is greater" : "b is greater";
console.log(result); // 输出: "a is greater"


案例

下面是一个综合使用多种运算符的案例:

let a = 10;
let b = 5;
let c = "10";

// 算术运算符
let sum = a + b;
let diff = a - b;
let product = a * b;
let quotient = a / b;
let remainder = a % b;

// 比较运算符
let isEqual = (a == c); // true, 因为 == 只比较值
let isStrictEqual = (a === c); // false, 因为 === 比较值和类型
let isNotEqual = (a != b); // true
let isGreater = (a > b); // true

// 逻辑运算符
let andResult = (a > b) && (b < a); // true
let orResult = (a > b) || (b > a); // true
let notResult = !(a > b); // false

// 字符串运算符
let greeting = "Hello, " + "World!"; // "Hello, World!"

// 三元运算符
let max = (a > b) ? a : b; // 10

console.log("Sum:", sum);
console.log("Difference:", diff);
console.log("Product:", product);
console.log("Quotient:", quotient);
console.log("Remainder:", remainder);
console.log("Is Equal:", isEqual);
console.log("Is Strict Equal:", isStrictEqual);
console.log("Is Not Equal:", isNotEqual);
console.log("Is Greater:", isGreater);
console.log("And Result:", andResult);
console.log("Or Result:", orResult);
console.log("Not Result:", notResult);
console.log("Greeting:", greeting);
console.log("Max:", max);


练习题

请编写一段JavaScript代码,完成以下操作:

  • 定义两个数字变量 x 和 y,分别赋值为 15 和 8。

  • 使用算术运算符计算它们的和、差、积、商和余数,并将结果输出到控制台。

  • 使用比较运算符判断 x 是否大于 y,以及它们是否相等,并将结果输出到控制台。

  • 使用逻辑运算符判断 x 大于 10 且 y 小于 10 的结果,并将结果输出到控制台。

  • 使用字符串运算符连接两个字符串 str1 和 str2,其中 str1 为 "Good",str2 为 "Morning",并将结果输出到控制台。

  • 使用三元运算符判断 x 是否大于 y,如果是,返回 x,否则返回 y,并将结果输出到控制台。


参考答案:

// 定义变量
let x = 15;
let y = 8;

// 算术运算符
let sum = x + y;
let difference = x - y;
let product = x * y;
let quotient = x / y;
let remainder = x % y;

console.log("Sum:", sum); // 输出: 23
console.log("Difference:", difference); // 输出: 7
console.log("Product:", product); // 输出: 120
console.log("Quotient:", quotient); // 输出: 1.875
console.log("Remainder:", remainder); // 输出: 7

// 比较运算符
let isGreaterThan = x > y;
let isEqual = x == y;

console.log("Is x greater than y?", isGreaterThan); // 输出: true
console.log("Is x equal to y?", isEqual); // 输出: false

// 逻辑运算符
let logicalResult = (x > 10) && (y < 10);
console.log("Is x > 10 and y < 10?", logicalResult); // 输出: true

// 字符串运算符
let str1 = "Good";
let str2 = "Morning";
let combinedStr = str1 + " " + str2;

console.log("Combined String:", combinedStr); // 输出: "Good Morning"

// 三元运算符
let max = (x > y) ? x : y;
console.log("Max value:", max); // 输出: 15


留言

发布留言

需要购买本课才能留言哦~

{{ item.createtime | dateStr }}
×