JavaScript (算数，比较，逻辑，赋值) 运算符

var y = 2;

var z = x % y;

递增运算符:

递增运算符 ++ 对数值进行递增。

var x = 7;

x++;

var z = x;

递减运算符：

递减运算符 -- 对数值进行递减。

var x = 7;

x–;

var z = x;

幂运算符：

取幂运算符 ** 将第一个操作数提升到第二个操作数的幂。

var x = 5;

var z = x ** 2; // 结果是 25

---

比较运算符

比较运算符用于逻辑语句的判断，从而确定给定的两个值或变量是否相等。

| 运算符 | 描述 |

| — | — |

| == | 相等 |

| === | 严格相等 |

| != | 不等 |

| !== | 严格不等 |

| > | 大于 |

| < | 小于 |

| >= | 大于等于 |

| <= | 小于等于 |

相等运算符：

== 会为两个不同类型的操作数转换类型，然后进行严格比较。

console.log(1 == 1); // true

console.log(1 == 2); // false

console.log(1 == true); // true

console.log(1 == ‘1’); // true

• 相等运算符，在对两个操作数进行比较之前，会将两个操作数转换成相同的类型。

严格相等运算符:

=== 不会对操作数进行类型转换，只有当值相等并且类型也是相等时才会返回 true。

console.log(1 === 1); // true

console.log(1 === 2); // false

console.log(1 === true); // false

console.log(1 === false); // false

console.log(1 === ‘1’); // false

• 不同类型的值进行比较时，会返回 false.

不等运算符:

！= 只有当操作数不相等时才返回true，如果两操作数不是同一类型，会将操作数转为同意类型再进行比较。

var a = 1;

var b = 2;

var c = ‘1’;

console.log(a != 1); // false

console.log(a != b); // true

console.log(a != c); // false

严格不等运算符:

!== 当操作数不相等或不同类型时返回 true。

var a = 1;

var b = 2;

var c = ‘1’;

console.log(a !== 1); // false

console.log(a !== b); // true

console.log(a !== c); // true

大于运算符:

> 只有当左操作数大于右操作数时才返回 true。

console.log(5 > 1); // true

console.log(5 > 10); // false

console.log(5 > ‘5’); // false

小于运算符:

< 只有当左操作数小于右操作数时才返回 true。

console.log(5 < 1); // false

console.log(5 < 5); // false

console.log(5 < 10); // true

console.log(5 < ‘5’); // false

大于等于运算符:

>= 只有当左操作数大于或者等于右操作数时才返回 true。

console.log(5 >= 1); // true

console.log(5 >= 5); // true

console.log(5 >= 10); // false

console.log(5 >= ‘5’); // true

小于等于运算符:

< 只有当左操作数小于或者等于右操作数时才返回 true。

console.log(5 <= 1); // false

console.log(5 <= 5); // true

console.log(5 <= 10); // true

console.log(5 <= ‘5’); // true

---

逻辑运算符

逻辑运算符用于判定变量或值之间的逻辑。

• 逻辑与 &&

• 逻辑或 ||

• 逻辑非 !

逻辑与 &&:

a1 = true && true // t && t 返回 true

a2 = true && false // t && f 返回 false

a3 = false && true // f && t 返回 false

a4 = false && (3 == 4) // f && f 返回 false

a5 = “Cat” && “Dog” // t && t 返回 “Dog”

a6 = false && “Cat” // f && t 返回 false

a7 = “Cat” && false // t && f 返回 false

a8 = ‘’ && false // f && f 返回 “”

a9 = false && ‘’ // f && f 返回 false

逻辑或 ||:

o1 = true || true // t || t 返回 true

o2 = false || true // f || t 返回 true

o3 = true || false // t || f 返回 true

o4 = false || (3 == 4) // f || f 返回 false

o5 = “Cat” || “Dog” // t || t 返回 “Cat”

o6 = false || “Cat” // f || t 返回 “Cat”

o7 = “Cat” || false // t || f 返回 “Cat”

o8 = ‘’ || false // f || f 返回 false

o9 = false || ‘’ // f || f 返回 “”

逻辑非 !:

n1 = !true // !t 返回 false

n2 = !false // !f 返回 true

n3 = !‘’ // !f 返回 true

n4 = !‘Cat’ // !t 返回 false

---

赋值运算符

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

| 运算符 | 描述 |

| — | — |

| = | 赋值 |

| += | 加法赋值 |

| -= | 减法赋值 |

| *= | 乘法赋值 |

| /= | 除法赋值 |

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

最后

本人分享一下这次字节跳动、美团、头条等大厂的面试真题涉及到的知识点，以及我个人的学习方法、学习路线等，当然也整理了一些学习文档资料出来是附赠给大家的。知识点涉及比较全面，包括但不限于前端基础，HTML，CSS，JavaScript，Vue，ES6，HTTP，浏览器，算法等等

详细大厂面试题答案、学习笔记、学习视频等资料领取，点击资料领取直通车免费领取！

前端视频资料：
]

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

[外链图片转存中…(img-0W1EikVo-1713498165402)]

最后

本人分享一下这次字节跳动、美团、头条等大厂的面试真题涉及到的知识点，以及我个人的学习方法、学习路线等，当然也整理了一些学习文档资料出来是附赠给大家的。知识点涉及比较全面，包括但不限于前端基础，HTML，CSS，JavaScript，Vue，ES6，HTTP，浏览器，算法等等

详细大厂面试题答案、学习笔记、学习视频等资料领取，点击资料领取直通车免费领取！

[外链图片转存中…(img-hjOc2lCT-1713498165402)]

前端视频资料：