前端祖传三件套JavaScript的最基础之操作符

简介: 在前端开发中,JavaScript是最常用的语言之一,操作符则是其中最基础的概念之一。操作符可以理解为一种操作符号,用来进行数值、逻辑和位运算等操作。下面我们将介绍一些常见的JavaScript操作符。


  1. 数学运算符

在JavaScript中,数学运算符用于执行基本的算术操作,例如加法、减法、乘法和除法等。以下是一些常见的数学运算符:

  • 加号(+):将两个数相加
  • 减号(-):将一个数减去另一个数
  • 乘号(*):将两个数相乘
  • 除号(/):将一个数除以另一个数
  • 取余运算符(%):返回两个数相除后的余数

例如:

var a = 5;
var b = 2;
console.log(a + b); // 输出 7
console.log(a - b); // 输出 3
console.log(a * b); // 输出 10
console.log(a / b); // 输出 2.5
console.log(a % b); // 输出 1
  1. 比较运算符

比较运算符用于比较两个值,并根据比较结果返回一个布尔值(true或false)。以下是一些常见的比较运算符:

  • 相等运算符(==):如果两个值相等,则返回true
  • 不等运算符(!=):如果两个值不相等,则返回true
  • 全等运算符(===):如果两个值类型和值都相等,则返回true
  • 不全等运算符(!===):如果两个值类型或值有一个不相等,则返回true
  • 大于运算符(>):如果第一个值大于第二个值,则返回true
  • 小于运算符(<):如果第一个值小于第二个值,则返回true
  • 大于等于运算符(>=):如果第一个值大于或等于第二个值,则返回true
  • 小于等于运算符(<=):如果第一个值小于或等于第二个值,则返回true

例如:

var x = 5;
var y = "5";
console.log(x == y); // 输出 true,因为x和y的值相同
console.log(x === y); // 输出 false,因为x和y的类型不同
console.log(x > 3 && y < 10); // 输出 true,因为x大于3且y小于10
  1. 逻辑运算符

逻辑运算符用于对布尔值进行逻辑操作。以下是一些常见的逻辑运算符:

  • 逻辑与运算符(&&):如果两个操作数都为true,则返回true
  • 逻辑或运算符(||):如果两个操作数中有一个为true,则返回true
  • 逻辑非运算符(!):如果操作数为true,则返回false,反之亦然
目录
相关文章
|
3天前
|
前端开发 JavaScript 安全
TypeScript作为一种静态类型的JavaScript超集,其强大的类型系统和面向对象编程特性为微前端架构的实现提供了有力的支持
【6月更文挑战第11天】微前端架构借助TypeScript提升开发效率和代码可靠性。 TypeScript提供类型安全,防止微前端间通信出错;智能提示和自动补全加速跨代码库开发;重构支持简化代码更新。通过定义公共接口确保一致性,用TypeScript编写微前端以保证质量。集成到构建流程确保顺利构建打包。在微前端场景中,TypeScript是强有力的语言选择。
21 2
|
8天前
|
Web App开发 资源调度 JavaScript
【保姆级】前端使用node.js基础教程
【6月更文挑战第3天】Node.js 是基于 Chrome V8 引擎的 JavaScript 运行环境,用于服务器端编程。常用命令包括:安装 Node.js,通过 `node -v` 查看版本;使用 npm(Node 包管理器)进行初始化、安装/卸载包、查看版本和更新;运行 `.js` 脚本;使用 `node inspect` 调试;借助 nodemon 实现自动重启;通过 `npm list` 管理包;
5 0
|
11天前
|
前端开发 JavaScript API
Vue.js:渐进式JavaScript框架-前端开发
Vue.js:渐进式JavaScript框架-前端开发
20 3
|
17天前
|
缓存 前端开发 JavaScript
基于JavaScript的前端性能优化技术探讨
基于JavaScript的前端性能优化技术探讨
28 1
|
20天前
|
JavaScript 前端开发 Java
前端知识点03(JS)
前端知识点概览:了解JS中的this指向,包括全局、函数、new、apply/call/bind及箭头函数的规则。理解script的async和defer属性对脚本加载和执行的影响。探讨setTimeout和setInterval的用法及其在性能上的考量。ES6与ES5的区别在于新语法特性,如let/const、箭头函数、模板字符串、模块化、类和继承等。此外,ES6还引入了Symbol、解构赋值、默认参数、Map/Set和Generator等功能。别忘了点赞和支持作者哦!
23 1
|
20天前
|
JavaScript 前端开发
前端面试02(JS)
本文是前端面试系列的第二篇,主要涵盖了JavaScript的基础知识,包括JS的组成(ECMAScript、DOM、BOM)、内置对象(如String、Array、Math、Date等)、数组操作方法、数据类型检测方法(typeof、instanceof、constructor、Object.prototype.toString.call)、闭包的概念及其特点、前端内存泄漏的原因和类型、事件委托的优势、基本数据类型与引用数据类型的差异、原型链的工作原理以及JS实现继承的多种方式(原型链、构造函数、组合继承等)。文章结尾鼓励读者点赞和支持作者。
12 1
|
21天前
|
JavaScript 前端开发 NoSQL
构建基于Node.js的全栈应用:从前端到后端的完整指南
【5月更文挑战第24天】本文是关于使用Node.js构建全栈应用的指南,涵盖前端(React或Vue)、后端(Node.js + Express)和数据库(MongoDB)的选型与实现。文章介绍了项目结构、前端组件化开发、后端API接口编写、前后端联调及部署上线的注意事项,帮助读者掌握全栈开发流程。
|
23天前
|
移动开发 JavaScript 前端开发
【热门话题】Vue.js:现代前端开发的轻量级框架之旅
Vue.js,由尤雨溪于2014年创建,是一个轻量级的前端框架,因其简洁API、高效渲染和组件系统深受全球开发者喜爱。本文探讨Vue的核心理念、技术架构、开发实践及在现代Web开发中的应用。Vue遵循渐进式框架思想,提供声明式编程、组件化和响应式数据绑定。技术上,它采用双向数据绑定、虚拟DOM和生命周期钩子。开发实践中,Vue CLI和Vuex、Vue Router分别加速开发和管理状态、路由。Vue不仅适用于单页应用,还支持多页应用、移动开发和跨平台项目,拥有丰富的社区生态和插件。随着Vue 3的推出,Vue将持续创新并影响前端开发领域。
57 0
|
25天前
|
前端开发 JavaScript
前端 JS 经典:函数管道
前端 JS 经典:函数管道
6 0
|
25天前
|
前端开发 JavaScript
前端 JS 经典:数组去重万能方法
前端 JS 经典:数组去重万能方法
20 0

热门文章

最新文章