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

#JavaScript大小比较赋值运算符详解| 来源: 网络整理| 查看: 265

JavaScript大小比较 // > 、=、 3 ); console.log(“4” > Infinity ); 2) 如果两个操作数都是字符串，则执行字符串比较。 console.log("4" >"3"); console.log("a" > "b"); console.log("ab" >"cb"); console.log("abd" > "abc");

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

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

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

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

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

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

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

JavaScript判断相等或者不等于 // ==、===、!=、!== 运算符

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

等值检测运算符说明==（相等）比较两个操作数的值是否相等!=（不想等）比较两个操作数的值是否不相等===（全等）比较两个操作数的值是否相等，同时检测它们的类型是否相同!==（不全等）比较两个操作数的值是否不相等，同时检测它们的类型是否不相同

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

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 下面两个变量的值是相等的。

var a = "abc" + "d"; var b = "a" + "bcd"; console.log(a == b); //返回true

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

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

console.log(null === undefined); //返回false console.log(0 === "0"); //返回false console.log(0 === false); //返回false

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

var a = {}; var b = a; console.log(a === b); //返回true

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

var a = {}; var b = {}; console.log(a === b); //返回false

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

var a = new String("abcd); //定义字符串“abcd”对象 var b = new String("abcd); //定义字符串“abcd”对象 console.log(a === b); //返回false console.log(a == b); //返回false

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

var a = "1" + 1; var b = "11"; console.log(a ===b); //返回true

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

var a = 1; var b = 2; console.log((a > b || a == b) == (a >= b)); //返回true，此时似乎相等

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

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赋值运算符详解

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

1 = 100; //返回错误

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

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

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

var a; console.log(a = 6 && (b = function(){ return a; })() );

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

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

var a = 6; //定义并初始化变量a b = function () { //定义函数对象b return a; } console.log(a && b()); //逻辑与运算，根据a决定是否调用函数b

【本文地址】

公司简介

联系我们

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

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