JavaScript 语言基础操作符

简介: 操作符是 JavaScript 中非常重要的一个概念,通过操作符,我们可以对变量进行各种运算,从而实现不同的逻辑。本文将介绍 JavaScript 中常见的操作符,包括算术运算符、比较运算符、逻辑运算符等。
  1. 算术运算符

算术运算符用于执行基本的数学运算。JavaScript 中常见的算术运算符有加法运算符(+)、减法运算符(-)、乘法运算符(*)、除法运算符(/)和求余运算符(%)。

加法运算符(+)可以将两个数值相加,也可以将两个字符串连接起来。如果其中一个操作数是字符串,则另一个操作数也将转换为字符串,然后再执行连接操作。例如:

console.log(1 + 2); // 输出

3console.log('hello ' + 'world'); // 输出

'hello world'console.log('hello ' + 2); // 输出 'hello 2'

减法运算符(-)用于将两个数值相减。例如:

console.log(3 - 1); // 输出 2

标题:JavaScript 语言基础操作符

摘要:操作符是 JavaScript 中非常重要的一个概念,通过操作符,我们可以对变量进行各种运算,从而实现不同的逻辑。本文将介绍 JavaScript 中常见的操作符,包括算术运算符、比较运算符、逻辑运算符等。

正文:

  1. 算术运算符

算术运算符用于执行基本的数学运算。JavaScript 中常见的算术运算符有加法运算符(+)、减法运算符(-)、乘法运算符(*)、除法运算符(/)和求余运算符(%)。

加法运算符(+)可以将两个数值相加,也可以将两个字符串连接起来。如果其中一个操作数是字符串,则另一个操作数也将转换为字符串,然后再执行连接操作。例如:

javascriptCopy code

console.log(1 + 2); // 输出 3console.log('hello ' + 'world'); // 输出 'hello world'console.log('hello ' + 2); // 输出 'hello 2'

减法运算符(-)用于将两个数值相减。例如:

javascriptCopy code

console.log(3 - 1); // 输出 2




  1. 算术操作符

算术操作符是用于执行基本算术运算的操作符,包括加法(+)、减法(-)、乘法(*)、除法(/)和求余(%)。下面是一些实例:

javascriptCopy code

let x = 10;let y = 5; console.log(x + y); // 输出 15console.log(x - y); // 输出 5console.log(x * y); // 输出 50console.log(x / y); // 输出 2console.log(x % y); // 输出 0

  1. 赋值操作符

赋值操作符是用于给变量赋值的操作符,包括等于号(=)、加等于(+=)、减等于(-=)、乘等于(*=)、除等于(/=)和求余等于(%=)。下面是一些实例:

javascriptCopy code

let x = 10; x += 5; // 等同于 x = x + 5console.log(x); // 输出 15 x -= 5; // 等同于 x = x - 5console.log(x); // 输出 10 x *= 2; // 等同于 x = x * 2console.log(x); // 输出 20 x /= 2; // 等同于 x = x / 2console.log(x); // 输出 10 x %= 3; // 等同于 x = x % 3console.log(x); // 输出 1

  1. 比较操作符

比较操作符是用于比较两个值之间关系的操作符,包括等于(==)、不等于(!=)、全等于(===)、不全等于(!==)、大于(>)、小于(<)、大于等于(>=)和小于等于(<=)。下面是一些实例:

javascriptCopy code

let x = 10;let y = 5; console.log(x == y); // 输出 falseconsole.log(x != y); // 输出 trueconsole.log(x === 10); // 输出 trueconsole.log(x !== 10); // 输出 falseconsole.log(x > y); // 输出 trueconsole.log(x < y); // 输出 falseconsole.log(x >= 10); // 输出 trueconsole.log(x <= 10); // 输出 true

  1. 逻辑操作符

乘法运算符(*)用于将两个数值相乘。例如:

javascriptCopy code

console.log(2 * 3); // 输出 6

除法运算符(/)用于将两个数值相除。例如:

javascriptCopy code

console.log(6 / 2); // 输出 3

求余运算符(%)用于计算两个数值相除的余数。例如:

javascriptCopy code

console.log(7 % 3); // 输出 1

  1. 比较运算符

比较运算符用于比较两个值的大小或者是否相等。JavaScript 中常见的比较运算符有等于运算符(==)、不等于运算符(!=)、严格等于运算符(===)、严格不等于运算符(!==)、大于运算符(>)、小于运算符(<)、大于等于运算符(>=)和小于等于运算符(<=)。

等于运算符(==)用于判断两个值是否相等,如果相等则返回 true,否则返回 false。例如:

javascriptCopy code

console.log(2 == 2); // 输出 trueconsole.log(2 == '2'); // 输出 true,因为 JavaScript 会将字符串转换为数字再进行比较console.log(2 == 3); // 输出 false

不等于运算符(!=)用于判断两个值是否不相等,如果不相等则返回 true,否则返回 false。例如:

javascriptCopy code

console.log(2 != 3); // 输出 trueconsole.log(2 != '2'); // 输出 false,因为 JavaScript 会将字符串转换为数字再进行比较console.log(2 != 2); // 输出 false


  1. 类型转换

在 JavaScript 中,我们可以将一种类型的值转换为另一种类型的值。这种类型转换可以发生在很多场景下,比如在进行算术运算时,将字符串拼接在一起时等等。

在类型转换的过程中,我们需要注意一些细节。比如在将字符串转换为数字时,如果字符串中含有非数字字符,那么 JavaScript 会将其转换为 NaN(Not a Number)。

在进行类型转换时,JavaScript 会根据特定的规则将值转换为目标类型。以下是一些常见的类型转换:

  • 字符串转换:可以使用 String() 函数将值转换为字符串类型。
  • 数字转换:可以使用 Number() 函数将值转换为数字类型。
  • 布尔值转换:可以使用 Boolean() 函数将值转换为布尔值类型。
  1. 控制流语句

在 JavaScript 中,我们可以使用控制流语句来控制程序的执行流程。以下是一些常见的控制流语句:

  • if 语句:用于根据条件执行不同的代码块。
  • switch 语句:用于根据不同的条件执行不同的代码块。
  • while 循环:用于重复执行代码块,直到指定的条件不再满足为止。
  • for 循环:用于重复执行代码块,直到指定的条件不再满足为止,同时还可以在每次循环中更新计数器变量。
  1. 函数

在 JavaScript 中,我们可以使用函数来封装可重用的代码块。函数可以接受参数,并返回一个值。以下是一个简单的函数示例:

sqlCopy code

functionadd(x, y) {   return x + y; } let result=add(1, 2); console.log(result); // 输出 3

在函数中,我们可以使用 return 语句来返回一个值。如果没有指定返回值,则返回 undefined。

在 JavaScript 中,函数也是一种对象类型,因此可以像普通的对象一样进行赋值、传递和使用。

  1. 对象

在 JavaScript 中,对象是一种复合值,它可以包含多个属性和方法。以下是一个简单的对象示例:

javascriptCopy code

let person = {   name: 'Alice',   age: 30,   sayHello: function() {     console.log('Hello, my name is ' + this.name);   } }; console.log(person.name); // 输出 'Alice'person.sayHello(); // 输出 'Hello, my name is Alice'

在 JavaScript 中,对象可以使用字面量表示法创建,也可以使用构造函数创建。对象的属性可以是基本类型值,也可以是对象类型值。对象的方法是一种特殊的属性,它的值是一个函数。

  1. 数组

在 JavaScript 中,数组是一种特殊的对象类型,它可以存储多个值,并且这些值可以是任意类型。以下是一个简单的数组示例:

bashCopy code

let fruits = ['apple',

目录
相关文章
|
23天前
|
JavaScript 前端开发 算法
JavaScript 中算术操作符:全面解读、实战应用与最佳实践
【4月更文挑战第5天】本文探讨JavaScript中的算术操作符,包括加、减、乘、除、求余、自增、自减及复合赋值等,强调理解与熟练运用它们对提升编程效率和代码准确性的重要性。文中通过示例介绍了各种操作符的用法,同时提醒注意数据类型转换、浮点数精度、除以零错误以及利用短路求值优化逻辑等问题。通过学习,读者能更好地掌握算术操作符在不同场景的应用,提升编程技能。
26 1
|
23天前
|
JavaScript 前端开发 安全
javascript中的可选链操作符
javascript中的可选链操作符
|
24天前
|
JavaScript 前端开发 Java
JavaScript语言
JavaScript语言
19 1
|
4天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的java语言的考试信息报名系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的java语言的考试信息报名系统附带文章源码部署视频讲解等
11 0
|
14天前
|
JavaScript 前端开发 Java
javascript是弱类型语言,一个函数参数可以接收不同类型的变量作为它的该参数
javascript是弱类型语言,一个函数参数可以接收不同类型的变量作为它的该参数
22 0
|
22天前
|
JavaScript 前端开发
探索JavaScript中的New操作符:原理与使用
探索JavaScript中的New操作符:原理与使用
|
24天前
|
JavaScript 测试技术
【sgGoogleTranslate】自定义组件:基于Vue.js用谷歌Google Translate翻译插件实现网站多国语言开发
【sgGoogleTranslate】自定义组件:基于Vue.js用谷歌Google Translate翻译插件实现网站多国语言开发
N..
|
23天前
|
存储 JavaScript 前端开发
JavaScript语言的基本结构
JavaScript语言的基本结构
N..
17 1
|
24天前
|
JSON JavaScript 前端开发
javascript语言ES5版本详解(一)
javascript语言ES5版本详解(一)
|
23天前
egg.js 24.12sequelize模型-where操作符
egg.js 24.12sequelize模型-where操作符
32 1
egg.js 24.12sequelize模型-where操作符