JavaScript 运算符有哪些
平时写网页代码时,你肯定见过不少像 + - 这样的符号,它们可不只是加减的工具——这些就是JavaScript里的运算符,是让网页“动起来”的基础。从算价格、判断用户输入,到控制动画效果,每一处交互几乎都离不开它们。咱们用生活里的例子,把常用的运算符拆明白,不用记枯燥的术语,看完就能直接对应到实际场景里。
算数运算符:做日常计算的“小算盘”
这类运算符就是帮你算数值的,和小学的加减乘除差不多,但有几个小细节要注意。比如买奶茶时,一杯15块,买3杯就是 15 * 3 = 45,这里的 * 是乘号,不能写成 x,电脑认的是星号;如果给你50块,老板该找零就是 50 - 45 = 5。

还有两个特别的运算符,新手最容易搞错:一个是取余 %,比如买了28颗糖,分给5个朋友,每人能拿5颗,剩3颗,就是 28 % 5 = 3,它算的是“剩下的部分”,不是除法结果;另一个是自增 ++,比如你每天攒1块零花钱,初始是0,今天刚攒完就写 0++,第二天再写 ++,3天后就是3,这两个符号放前后结果差不多,但如果要算“先拿数再加1”“先加1再拿数”就有区别,用的时候多试一次就懂了。
赋值运算符:给变量“递东西”的小助手
变量就像你口袋里的小钱包,赋值运算符就是把钱放进钱包的动作。最基础的是 =,比如 userAge = 18,就是把18这个数字存进userAge这个变量里。
如果要在原来的钱包上再加钱,不用每次都写“先拿变量再加数,再放回变量”,可以用简化的写法。比如你钱包里有10块,再添5块,直接写 userMoney += 5,和 userMoney = userMoney +5 结果一样,少写了不少重复的变量名,代码看着更清爽。类似的还有 -= 减钱、*= 翻倍、%= 算剩下的,都是给懒人手写准备的小工具。
比较运算符:判断“对不对”的小法官
网页里最常见的就是判断用户输入对不对,比如注册时密码是不是6位以上,这就靠比较运算符。比如判断密码长度够不够,password.length > 5,就是“密码长度大于5”,如果用户输了12位,这个判断就是“是”,会提示符合要求;如果输了3位,就是“否”。
这里有两个容易踩坑的符号:一个是相等判断 ===,一个是 ==。比如你输入18(数字)和"18"(文字),用==判断会说“相等”,但用===会说“不相等”,因为前者不仅看值,还看类型,就像你说“18个苹果”和“18个橘子”,都是18但不是同一种东西,所以优先用===,能避免不少奇怪的报错。还有判断“不相等”的!==,就是反过来的意思,和===对应用就好。
逻辑运算符:串联判断的小纽带
如果要同时满足多个条件,比如“密码6位以上且包含字母”,就得用逻辑运算符。最常用的是&&(且),就像你要同时满足“有早饭”和“有午饭”,才会说“我吃饭”,两个都对才是真;还有||(或),比如“吃包子或吃面条”,只要有一个对就行;!(非)就是反过来,比如!isLogin就是“没登录”,用来做跳转判断很方便,比如没登录就不让进个人中心。
这些运算符看着零散,其实都是日常代码里的“基础零件”,不用一次性全背熟,用到的时候翻出来对应就好,慢慢写几次代码就会越来越顺手。