从0开始学习JavaScript--JavaScript 表达式与运算符

简介: JavaScript中的表达式和运算符是构建逻辑、进行计算的基础。本文将深入研究JavaScript中各类表达式,包括算术表达式、关系表达式、逻辑表达式,以及运算符的使用方法,并通过丰富的示例代码来帮助读者更全面地了解和运用这些概念。

JavaScript中的表达式和运算符是构建逻辑、进行计算的基础。本文将深入研究JavaScript中各类表达式,包括算术表达式、关系表达式、逻辑表达式,以及运算符的使用方法,并通过丰富的示例代码来帮助读者更全面地了解和运用这些概念。

算术表达式

算术表达式用于数值的基本计算,包括加法、减法、乘法、除法等。

// 示例:算术表达式
let a = 5;
let b = 3;

console.log(a + b); // 输出:8
console.log(a - b); // 输出:2
console.log(a * b); // 输出:15
console.log(a / b); // 输出:1.6666666666666667

在这个例子中,算术表达式进行了加、减、乘、除的基本运算。

关系表达式

关系表达式用于比较两个值之间的关系,返回一个布尔值。

// 示例:关系表达式
let x = 10;
let y = 5;

console.log(x > y); // 输出:true
console.log(x < y); // 输出:false
console.log(x === y); // 输出:false
console.log(x !== y); // 输出:true

在这个例子中,关系表达式用于比较变量xy之间的大小和相等关系。

逻辑表达式

逻辑表达式用于进行逻辑运算,包括与、或、非等。

// 示例:逻辑表达式
let p = true;
let q = false;

console.log(p && q); // 输出:false
console.log(p || q); // 输出:true
console.log(!p); // 输出:false

在这个例子中,逻辑表达式用于进行与、或、非的逻辑运算。

赋值表达式

赋值表达式用于将值赋给变量。

// 示例:赋值表达式
let num = 10;

num += 5; // 等同于 num = num + 5
console.log(num); // 输出:15

num *= 2; // 等同于 num = num * 2
console.log(num); // 输出:30

在这个例子中,赋值表达式用于对变量num进行累加和倍增操作。

条件(三元)运算符

条件运算符是一种简洁的表达条件语句的方式。

// 示例:条件运算符
let age = 20;
let message = age >= 18 ? '成年人' : '未成年人';

console.log(message); // 输出:成年人

在这个例子中,条件运算符用于根据年龄判断一个人是否成年。

typeof 运算符

typeof运算符用于返回一个值的数据类型。

// 示例:typeof运算符
let name = 'John';
let age = 30;
let isStudent = false;

console.log(typeof name); // 输出:string
console.log(typeof age); // 输出:number
console.log(typeof isStudent); // 输出:boolean

在这个例子中,typeof运算符用于获取变量的数据类型。

位运算符

位运算符是对二进制表示的数进行操作的运算符,包括按位与、按位或、按位取反等。

// 示例:位运算符
let a = 5; // 二进制:101
let b = 3; // 二进制:011

console.log(a & b); // 输出:1(二进制:001)
console.log(a | b); // 输出:7(二进制:111)
console.log(~a); // 输出:-6

在这个例子中,位运算符用于对二进制表示的数进行按位操作。

运算符的优先级和结合性

理解运算符的优先级和结合性对于正确解读表达式至关重要。

// 示例:运算符的优先级和结合性
let result = 5 + 3 * 2;

console.log(result); // 输出:11

在这个例子中,乘法运算符的优先级高于加法运算符,所以先进行乘法运算,然后再进行加法运算。

总结

JavaScript中的表达式和运算符是构建程序逻辑、进行计算的关键要素。通过深入学习和实际应用算术、关系、逻辑等各类表达式,以及了解赋值、条件运算符、typeof等运算符的使用方法,能够更加灵活地处理各种数据操作。

掌握运算符的优先级和结合性是确保表达式按照预期进行计算的关键。深入理解这些概念,有助于避免由于优先级导致的错误,确保代码的可靠性和可读性。

总体而言,JavaScript中的表达式和运算符是编写高效、清晰代码的不可或缺的工具。深刻理解这些概念,有助于开发者更好地设计程序逻辑,提高代码的可维护性和可扩展性。

相关文章
|
3月前
|
前端开发 JavaScript
个人征信电子版无痕修改, 个人信用报告pdf修改,js+html+css即可实现【仅供学习用途】
本代码展示了一个信用知识学习系统的前端实现,包含评分计算、因素分析和建议生成功能。所有数据均为模拟生成
|
3月前
|
前端开发
个人征信PDF无痕修改软件,个人征信模板可编辑,个人征信报告p图神器【js+html+css仅供学习用途】
这是一款信用知识学习系统,旨在帮助用户了解征信基本概念、信用评分计算原理及信用行为影响。系统通过模拟数据生成信用报告,涵盖还款记录
|
4月前
|
JavaScript 数据可视化 前端开发
three.js简单实现一个3D三角函数学习理解
1.Three.js简介 Three.js是一个基于JavaScript编写的开源3D图形库,利用WebGL技术在网页上渲染3D图形。它提供了许多高级功能,如几何体、纹理、光照、阴影等,以便开发者能够快速地创建复杂且逼真的3D场景。同时,Three.js还具有很好的跨平台和跨浏览器兼容性,让用户无需安装任何插件就可以在现代浏览器上观看3D内容。
166 0
|
11月前
|
JavaScript 前端开发 开发者
VUE 开发——Node.js学习(一)
VUE 开发——Node.js学习(一)
210 2
|
11月前
|
JavaScript
js学习--制作猜数字
js学习--制作猜数字
95 4
js学习--制作猜数字
|
10月前
|
Web App开发 JavaScript 前端开发
如何学习JavaScript?
如何学习JavaScript?
188 5
|
11月前
|
JavaScript
webpack学习五:webpack的配置文件webpack.config.js分离,分离成开发环境配置文件和生产环境配置文件
这篇文章介绍了如何将webpack的配置文件分离成开发环境和生产环境的配置文件,以提高打包效率。
174 1
webpack学习五:webpack的配置文件webpack.config.js分离,分离成开发环境配置文件和生产环境配置文件
|
10月前
|
JavaScript 前端开发 索引
JavaScript学习第二章--字符串
本文介绍了JavaScript中的字符串处理,包括普通字符串和模板字符串的使用方法及常见字符串操作方法如`charAt`、`concat`、`endsWith`等,适合前端学习者参考。作者是一位热爱前端技术的大一学生,专注于分享实用的编程技巧。
83 2
|
10月前
|
存储 JavaScript 前端开发
JavaScript学习第一章
本文档介绍了JavaScript的基础知识,包括其在网页中的作用、如何通过JavaScript动态设置HTML元素的CSS属性,以及JavaScript中的变量类型(`var`、`let`、`const`)和数据类型(基本数据类型与引用数据类型)。通过实例代码详细解释了JavaScript的核心概念,适合初学者入门学习。
126 1