JavaScript大小比较 赋值运算符详解

2023-07-07 15:48:18 浏览数 (1)

JavaScript大小比较

代码语言：javascript复制
  1. // > 、<、>=、<= 运算符

关系运算也称比较运算，需要两个操作数，运算返回值总是布尔值。

比较大小的运算符有 4 个，说明如表所示。

大小运算符

说明

<

如果第一个操作数小于第二个操作数，则返回true；否则返回 false

<=

如果第一个操作数小于或等于第二个操作数，则返回true；否则返回 false

>=

如果第一个操作数大于或等于第二个操作数，则返回true；否则返回 false

>

如果第一个操作数大于第二个操作数，则返回true；否则返回 false

比较运算中的操作数可以是任意类型的值，但是在执行运算时，会被转换为数字或字符串，然后再进行比较。如果是数字，则比较大小；如果是字符串，则根据字符编码表中的编号值从左到右逐个比较每个字符。

具体说明如下：

  1. 如果两个操作数都是数字，或者一个是数值，另一个可以转换成数字，则将根据数字大小进行比较。 ```javascript console.log( 4 > 3 ); console.log(“4” > Infinity );
代码语言：javascript复制
  1. 2) 如果两个操作数都是字符串，则执行字符串比较。
代码语言：javascript复制
console.log("4" >"3");
console.log("a" > "b");
console.log("ab" >"cb");
console.log("abd" > "abc");

如果一个操作数是数字，或者被转换为数字，另一个是字符串，或者被转换为字符串，则使用 parseInt() 将字符串转换为数字（对于非数字字符串，将被转换为 NaN），最后以数字方式进行比较。

如果一个操作数为 NaN，或者被转换为 NaN，则始终返回 false。

代码语言：javascript复制
console.log("a" >"3"); //返回true，字符a编码为61，字符3编码为33
console.log("a" > 3); //返回false，字符a被强制转换为NaN

5)如果一个操作数是对象，则先使用 valueOf() 取其值，再进行比较；如果没有 valueOf() 方法，则使用 toString() 取其字符串表示，再进行比较。

如果一个操作数是布尔值，则先转换为数值，再进行比较。

如果操作数都无法转换为数字或字符串，则比较结果为 false。

字符比较是区分大小写的，一般小写字符大于大写字符。如果不区分大小写，则建议使用 toLowerCase() 或 toUpperCase() 方法把字符串统一为小写或大写形式之后再比较。 注意： 为了设计可控的比较运算，建议先检测操作数的类型，主动转换类型。

JavaScript判断相等或者不等于

代码语言：javascript复制
  1. // ==、===、!=、!== 运算符

等值检测运算符包括 4 个，详细说明如表所示。

等值检测运算符

说明

==（相等）

比较两个操作数的值是否相等

!=（不想等）

比较两个操作数的值是否不相等

===（全等）

比较两个操作数的值是否相等，同时检测它们的类型是否相同

!==（不全等）

比较两个操作数的值是否不相等，同时检测它们的类型是否不相同

在相等运算中，应注意以下几个问题： 如果操作数是布尔值，则先转换为数值，其中 false 转为 0，true 转换为 1。 如果一个操作数是字符串，另一个操作数是数字，则先尝试把字符串转换为数字。 如果一个操作数是字符串，另一个操作数是对象，则先尝试把对象转换为字符串。 如果一个操作数是数字，另一个操作数是对象，则先尝试把对象转换为数字。 如果两个操作数都是对象，则比较引用地址。如果引用地址相同，则相等；否则不等。 示例1 下面是特殊操作数的相等比较。

代码语言：javascript复制
console.log("1" == 1); //返回true。字符串被转换为数字
console.log(true == 1); //返回true。true被转换为1
console.log(false == 0); //返回true。false被转换为0
console.log(null == 0); //返回false
console.log(undefined == 0); //返回false
console.log(undefined == null); //返回true
console.log(NaN == "NaN"); //返回false
console.log(NaN ==1); //返回false
console.log(NaN == NaN); //返回false
console.log(NaN != NaN); //返回true

NaN与任何值都不相等，包括它自己。null 和 undefined 值相等，但是它们是不同类型的数据。在相等比较中，null 和 undefined 不允许被转换为其他类型的值。 示例2 下面两个变量的值是相等的。

代码语言：javascript复制
var a = "abc"   "d";
var b = "a"   "bcd";
console.log(a == b); //返回true

数值和布尔值的相等比较运算效率比较高，而字符串需要逐个字符进行比较，相等比较运算效率比较低。

在全等运算中，应注意以下几个问题： 如果两个操作数都是简单的值，则只要值相等，类型相同，就全等。 如果一个操作数是简单的值，另一个操作数是复合型对象，则不全等。 如果两个操作数都是复合型对象，则比较引用地址是否相同。 示例3 下面是特殊操作数的全等比较。

代码语言：javascript复制
console.log(null === undefined); //返回false
console.log(0 === "0"); //返回false
console.log(0 === false); //返回false

示例4 下面是两个对象的比较，由于它们都引用了相同的地址，所以返回 true。

代码语言：javascript复制
var a = {};
var b = a;
console.log(a === b); //返回true

下面两个对象虽然结构相同，但是地址不同，所以不全等。

代码语言：javascript复制
var a = {};
var b = {};
console.log(a === b); //返回false

示例5 对于复合型对象，主要比较引用的地址，不比较对象的值。

代码语言：javascript复制
var a = new String("abcd); //定义字符串“abcd”对象
var b = new String("abcd); //定义字符串“abcd”对象
console.log(a === b); //返回false
console.log(a == b); //返回false

在上面示例中，两个对象的值相等，但是引用地址不同，所以它们既不想等，也不全等。因此，对于复合型对象来说，相等==和全等===运算的结果是相同的。 示例6 对于简单的值，只要类型相同、值相等，它们就是全等，不考虑表达式运算的过程变化，也不用考虑变量的引用地址。

代码语言：javascript复制
var a = "1"   1;
var b = "11";
console.log(a ===b); //返回true

示例7 表达式（a>b || a==b）与表达式（a>=b）并不完全相等。

代码语言：javascript复制
var a = 1;
var b = 2;
console.log((a > b || a == b) == (a >= b)); //返回true，此时似乎相等

如果为变量 a 和 b 分别赋值 null 和 undefined，则返回值 false，说明这两个表达式并非完全等价。

代码语言：javascript复制
var a = null;
var b = undefined;
console.log((a > b || a == b) == (a >= b)); //返回false，表达式的值并非相等

因为null undefined等于 true，所以表达式（a > b || a b）的返回值为 true，但是表达式 null >= undefined 的返回值为 false

JavaScript赋值运算符详解

赋值运算符左侧的操作数必须是变量、对象属性或数组元素，也称为左值。例如，下面的写法是错误的，因为左侧的值是一个固定的值，不允许操作。

代码语言：javascript复制
1 = 100; //返回错误

赋值运算有以下两种形式： 简单的赋值运算= :把等号右侧操作数的值直接复制给左侧的操作数，因此左侧操作数的值会发生变化。 附加操作的赋值运算 ：赋值之前先对右侧操作数执行某种操作，然后把运算结果复制给左侧操作数。具体说明如表所示。 示例1 使用赋值运算符设计复杂的连续赋值表达式。

代码语言：javascript复制
var a = b = c = d = e = f = 100; //连续赋值
//在条件语句的小括号内进行连续赋值
for((a = b = 1;a < 5;a  ) {console.log(a   ""   b)};)

赋值运算的结合性是从右向左，最右侧的赋值运算先执行，然后再向左赋值，以此类推，所以连续赋值运算不会引发异常。 示例2 在下面表达式中，逻辑与左侧的操作数是一个赋值表达式，右侧的操作数也是一个赋值表达式。但是左侧赋的值是一个简单值，右侧是把一个函数赋值给变量b。

代码语言：javascript复制
var a;
console.log(a = 6 && (b = function(){
return a;
})()
);

在逻辑与运算中，左侧的赋值并没有真正的复制给变量 a，当逻辑与运算执行右侧的表达式时，该表达式是把一个函数赋值给变量 b，然后利用小括号运算符调用这个函数，返回变量 a 的值，结果并没有返回变量 a 的值 6，而是 undefined。

由于赋值运算作为表达式使用具有副作用，使用时要慎重，确保不会引发风险。对上面的表达式更安全的写法如下：

代码语言：javascript复制
var a = 6; //定义并初始化变量a
b = function () { //定义函数对象b
return a;
}
console.log(a && b()); //逻辑与运算，根据a决定是否调用函数b
javascript 变量 对象 函数 字符串

0 人点赞