javascript运算符

发布网友发布时间：2022-04-21 04:33

共3个回答

懂视网时间：2022-05-14 15:57

本篇文章给大家带来的内容是关于JavaScript中比较运算符隐式类型转换的介绍（附示例），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

相信大家在代码中经常看见 '==' 和 '==='，但大家真的弄懂了比较运算符和其中的隐式转换嘛? 今天就重新认识下比较运算符。

全等运算符 ===

说明: 严格匹配,不会类型转换,必须要数据类型和值完全一致

先判断类型,如果类型不是同一类型的话直接为false;

1 对于基本数据类型(值类型): Number,String,Boolean,Null和Undefined:两边的值要一致,才相等
 console.log(null === null) // true
 console.log(undefined === undefined) // true
 注意: NaN: 不会等于任何数,包括它自己
 console.log(NaN === NaN) // false 

2 对于复杂数据类型(引用类型): Object,Array,Function等:两边的引用地址如果一致的话,是相等的
 arr1 = [1,2,3];
 arr2 = arr1;
 console.log(arr1 === arr2) // true

相等运算符 ==

非严格匹配: 会类型转换,但是有前提条件一共有五种情况
(接下来的代码以 x == y 为示例)

x和y都是null或undefined:
规则: 没有隐式类型转换,无条件返回true

console.log ( null == undefined );//true
console.log ( null == null );//true
console.log ( undefined == undefined );//true

x或y是NaN : NaN与任何数字都不等
规则：没有隐式类型转换，无条件返回false

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

x和y都是string，boolean，number
规则：有隐式类型转换，会将不是number类型的数据转成number

console.log ( 1 == true );//true (1) 1 == Number(true)
console.log ( 1 == "true" );//false (1) 1 == Number('true')
console.log ( 1 == ! "true" );//false (1) 1 == !Boolean('true') (2) 1 == !true (3) 1 == false (4)1 == Number(false)
console.log ( 0 == ! "true" );//true
console.log(true == 'true') // false

x或y是复杂数据类型 : 会先获取复杂数据类型的原始值之后再左比较
复杂数据类型的原始值：先调用valueOf方法，然后调用toString方法
valueOf:一般默认返回自身
数组的toString：默认会调用join方法拼接每个元素并且返回拼接后的字符串

console.log ( [].toString () );//空字符串
console.log ( {}.toString () );//[object Object]
注意: 空数组的toString()方法会得到空字符串，
 而空对象的toString()方法会得到字符串[object Object] （注意第一个小写o，第二个大写O哟）

console.log ( [ 1, 2, 3 ].valueOf().toString());//‘1，2，3’
console.log ( [ 1, 2, 3 ] == "1,2,3" );//true (1)[1,2,3].toString() == '1,2,3' (2)'1,2,3' == '1,2,3'
console.log({} == '[object Object]');//true

x和y都是复杂数据类型 :
规则只比较地址，如果地址一致则返回true，否则返回false

var arr1 = [10,20,30];
var arr2 = [10,20,30];
var arr3 = arr1;//将arr1的地址拷贝给arr3
 
console.log ( arr1 == arr2 );//虽然arr1与arr2中的数据是一样，但是它们两个不同的地址
console.log ( arr3 == arr1 );//true 两者地址是一样
 
console.log ( [] == [] );//false
console.log ( {} == {} );//false

经典面试题

注意:八种情况转boolean得到false: 0 -0 NaN undefined null '' false document.all()

console.log([] == 0); //true 
 // 分析:(1) [].valueOf().toString() == 0 (2) Number('') == 0 (3) false == 0 (4) 0 == 0
console.log(![] == 0); //true
 // 分析: 逻辑非优先级高于关系运算符 ![] = false (空数组转布尔值得到true)
 
console.log([] == []); //false
// [] 与右边逻辑非表达式结果比较
//(1) [] == !Boolean([]) (2) [] == !true (3)[] == false (4) [].toString() == false (5)'' == false (6)Number('0') == Number(false)
console.log([] == ![]); //true

onsole.log({} == {}); //false
// {} 与右边逻辑非表达式结果比较
//(1){} == !{} (2){} == !true (3){} == false (4){}.toString() == false (5)'[object Object]' == false (6)Number('[object Object]') == false
console.log({} == !{}); //false

变态面试题

 var a = ???
 if(a == 1 && a == 2 && a == 3 ){
 console.log(1)
 }

//如何完善a,使其正确打印1


//答案
var a = {
 i : 0, //声明一个属性i
 valueOf:function ( ) {
 return ++a.i; //每调用一次，让对象a的i属性自增一次并且返回
 }
 }
 if (a == 1 && a == 2 && a == 3){ //每一次运算时都会调用一次a的valueOf()方法
 console.log ( "1" );
 }

本篇文章到这里就已经全部结束了，更多其他精彩内容可以关注PHP中文网的JavaScript视频教程栏目！

热心网友时间：2022-05-14 13:05

javascript具有下列种类的运算符：算术运算符;等同运算符与全同运算符;比较运算符; 2、目的分类：字符串运算符;逻辑运算符;逐位运
1、javascript具有下列种类的运算符：算术运算符;等同运算符与全同运算符;比较运算符;2、目的分类：字符串运算符;逻辑运算符;逐位运算符;赋值运算符;3、特殊运算符：条件运算符;typeof运算符;创建对象运算符new;delete运算符;void运算符号;逗号运算符;算术运算符：+ 、 - 、* 、 / 、 % 、 -(一元取反) 、 ++ 、等同运算符与全同运算符：== 、 ===、 !== 、 !===比较运算符：< 、 > 、 <= 、 >=字符串运算符：：< 、 > 、 <= 、 >= 、 = 、 +逻辑运算符：&& 、、 !、赋值运算符：=、 +=、 *=、 -=、 /=规则：一、一定要注意传递给运算符的数据类型和返回的数据类型!不同的运算符都期望它的运算数表达式计算出的结果符合某种数据类型。例如：对字符串是不能进行乘法运算的，"a" * "b" 是不合法的，但是，在可能的情况下，javascript会把表达式转换成正确的类型，因此，表达式 "3" * "5" 是合法的，javascript将字符串转换成数字执行运算，结果返回的是数字15，而不是字符串"15"。二、+ 根据运算数的不同，具有不同的表现：字符串 + 字符串 = 字符串(被连接);"a" + "b" = "ab" "5" + "6" = "11"字符串 + 数字 = (字符串转换成数字)字符串(被连接);"a" + 5 = "a5" 5被转换成字符串 "1" + 0 = "10"数字 + 数字 = 数字(相加)5 + 5 = 10。三、注意运算符的结合性，有些运算符从左到右的结合性;有些从右到左结合性。例如：w = a + b + c 等同于 w = (a + b) + c;w = -b 等同于 w = - ( - ( -b ) ); w = a = b = c 等同于 w= ( a = ( b = c ))一元运算符、赋值运算符、三元运算符的结合性是从右到左的;四、算术运算符规则：“+”：可以进行“加法”与“连接”运算;如果2个运算符中的一个是字符串，javascript就将另一个转换成字符串，然后将2个运算数连接起来。“+”：如果一个运算数是对象，javascript就会将对象转换成数字做加法运算或者字符串做连接运算;“-”“*”“/” 如果2个运算数中的一个是是非数字，则将它转化成数字执行数*算。“/” 在javascript中，由于所有的数都是浮点数，除法的结果都是浮点数，5 / 2 = 2.5 ;除数为0的结果为正负无穷;0/0为NaN;“%”模运算符：计算第一个运算数对第二个运算数的模，就是第一个运算数被第二个运算数除时，返回余数。如果运算数是非数字的，则转换成数字。“-”一元取反：将运算数取反，如果运算数不是数字，则转化成数字。“++”“”增量运算符/减量运算符号：运算数必须是一个变量、树组的一个元素或对象的一个属性。如果运算数不是数字，则转换成数字。注意：如果“++”位于运算数之前，先对运算数进行增量，然后计算运算数增长后的值。如果“”位于运算数之后，先计算运算数未增长之前的值，然后对运算数增量。例如：i = 1; //赋值给i值1j = ++i; //先将i增量为2，然后将2赋值给j，i的值是2，j的值也是2。i = 1; //赋值给i值1j = i++; //先将i赋值给j，然后对将i值增量到2，i的值是2，j的值是1。减量运算符“”与“++”相同。五、等同运算符与全同运算符：(一)“==”“!==”等同运算符与非等同运算符：比较2个运算数，返回一个不布尔值。比较数值、字符串、布尔值使用的都是量值。当且仅当两个变量存放的值相等的时候，他们才相等。比较对象、数组、函数的时候，使用的是引用，只有2个变量引用的是同一个对象时，他们才是相等的。两个不同的数组是完全不同的，即使他们具有完全相同的元素。对于存放对象、数组、函数的引用的变量来说，只有当他们引用的是同一个对象、数组、函数的时候，他们才相等。
注意!应遵循的原则：当两个运算数的类型不同时：将他们转换成相同的类型，1)一个数字与一个字符串，字符串转换成数字之后，进行比较。2)true转换为1、false转换为0，进行比较。3)一个对象、数组、函数与一个数字或字符串，对象、数组、函数转换为原始类型的值，然后进行比较。(先使用valueOf，如果不行就使用toString)4)其他类型的组合不星等。想两个运算数类型相同，或转换成相同类型后：1)2个字符串：同一位置上的字符相等，2个字符串就相同。2)2个数字：2个数字相同，就相同。如果一个是NaN，或两个都是NaN，则不相同。3)2个都是true，或者2个都是false，则想同。4)2个引用的是同一个对象、函数、数组，则他们相等，如果引用的不是同一个对象、函数、数组，则不相同，即使这2个对象、函数、数组可以转换成完全相等的原始值。5)2个null，或者2个都是未定义的，那么他们相等。“!=”非等同运算符：与等同运算符检测的结果相反。(二)“===”“!===”全同运算符与非全同运算符号：全同运算符遵循等同运算符的比较规则，但是它不对运算数进行类型转换，当两个运算数的类型不同时，返回false;只有当两个运算数的类型相同的时候，才遵循等同运算符的比较规则进行比较。“!==”非全同运算符与全同运算符比较的结果相反。如果两个运算数的类型或者值不同的时候，返回true。六、比较运算符：这些比较运算符用于比较不同类型的值，结果返回一个布尔值。“<”“>”“<=”“>=”注意规则：比较的运算数可以是任意类型的，但是只能在数字和运算数上执行。不是数字和字符串的运算数将被转换成数字或字符串。1)如果两个运算数都是数字，或者都可以转换成数字，则按照数字的大小进行比较;2)如果两个运算数都是字符串，或者都可以转换成字符串，则将按照字母顺序进行比较;3)如果字符串遇到数字，则将字符串转换成数字进行比较。4)如果运算数既不能转换成数字，也不能转换成字符串，则返回结果false。七、字符串运算符：并没有专用的字符串运算符，只是有些运算符在遇到字符串运算数的时候，表现不同。(一)“+”连接2个字符串;1)当2个运算数都是字符串的时候，连接起来;2)当其中有一个是数字的时候，将数字转换成字符串，连接起来;(二)“>”这样的比较运算符通过比较确认两个字符串的顺序，比较采用字符的顺序，较小的位于教大的前面，大写字母位于小写字母之前。(三)“+”的作用方法取决于计算顺序，如：s = 1 + 2 +"var" 则：返回结果3var; 因为先计算1+2，然后将结果3转换成字符串与"var"连接;如：s = "var" + 1 + 2 则：返回结果var12; 因为先计算var与1的连接，在将结果var1与转换成字符串的2连接起来。八、逻辑运算符：用于执行布尔运算，常常和比较运算符一起使用，来表示复杂的比较运算。“&&” 逻辑与运算、“”逻辑或运算符、“!”逻辑非运算符(一)“&&”当两个运算数都是布尔值的时候，逻辑与对他们进行and操作，即：当且仅当两个布尔值都是true的时候，返回结果true，否则返回false。注意：实际表现“&&”将检测第一个表达式运算数布尔值，如果第一个运算数表达式返回false，则返回左边第一个运算数表达式的值：false;否则将继续检测第二个即右边的运算数表达式，然后返回第二个运算数表达式的值;例如：if (a = b) stop(); 与 (a = b) && stop(); 等价不赞成使用这个方法，因为运算符右边的代码不能保证会被执行，例如：if ((a < b) && (b++ <10) ) stop();如果运算符右边的增量必须的话，却有可能由于前面的返回值而不被执行，一般反对在&&的右边使用具有其他作用的表达式(赋值、函数调用、增减量);将“&&”看作是一个布尔代数的运算符，会更简单与安全。(二)“”当两个运算数都是布尔值的时候，逻辑或对他们进行or操作，即：当两个布尔值有一个是true的时候，返回结果true，否则返回false。注意：实际表现“”将检测第一个表达式运算数布尔值，如果第一个运算数表达式返回true，则返回左边第一个运算数表达式的值：true;否则将继续检测第二个即右边的运算数表达式，然后返回第二个运算数表达式的值;同样不赞成使用这个方法，因为运算符右边的代码不能保证会被执行，一般反对在的右边使用具有其他作用的表达式(赋值、函数调用、增减量);将“”看作是一个布尔代数的运算符，会更简单与安全。(三)“!”逻辑非是一个一元运算符，放在运算数之前，它的目的是对运算数取反。九、赋值运算符：(一)“=”是赋值运算符;他总是期望左边的运算数是一个变量、数组的一个元素或对象的一个属性;期望右边是一个任意类型的任意的值;从右到左的结合性，如果一个表达式中有多个赋值运算符，则从最右边开始计算。注意：每一个赋值表达式都有一个值，就是运算符右边的值;(二)可以使用带操作的赋值运算“+=” 左边的值加上右边的值后，赋值于左边的值。“-=”“/=”“*=”方法一样;十、其他运算符：“?:”条件运算符是唯一的一个三元运算符;一个表达式的布尔结果?表达式1(任意类型的任意值)：表达式2(任意类型的任意值);根据第一个运算数的布尔值结果，如果为true，则执行第二个运算数表达式，返回第二个运算数表达式的值;如果第一个运算数的布尔值结果是false，则执行第三个运算数表达式，返回第三个运算数表达式的值。
移位运算符面向的运算对象也是二进制的“位”。可单独用它们处理整数类型（主类型的一种）。左移位运算符（<<）能将运算符左边的运算对象向左移动运算符右侧指定的位数（在低位补0）。“有符号”右移位运算符（>>）则将运算符左边的运算对象向右移动运算符右侧指定的位数。“有符号”右移位运算符使用了“符号扩展”：若值为正，则在高位插入0；若值为负，则在高位插入1。Java也添加了一种“无符号”右移位运算符（>>>），它使用了“零扩展”：无论正负，都在高位插入0。这一运算符是C或C++没有的。
　　若对char，byte或者short进行移位处理，那么在移位进行之前，它们会自动转换成一个int。只有右侧的5个低位才会用到。这样可防止我们在一个int数里移动不切实际的位数。若对一个long值进行处理，最后得到的结果也是long。此时只会用到右侧的6个低位，防止移动超过long值里现成的位数。但在进行“无符号”右移位时，也可能遇到一个问题。若对byte或short值进行右移位运算，得到的可能不是正确的结果（Java 1.0和Java 1.1特别突出）。它们会自动转换成int类型，并进行右移位。但“零扩展”不会发生，所以在那些情况下会得到-1的结果。可用下面这个例子检测自己的实现方案：
　　//: URShift.java
　　// Test of unsigned right shift
　　public class URShift {
　　　public static void main(String[] args) {
　　　　int i = -1;
　　　　i >>>= 10;
　　　　System.out.println(i);
　　　　long l = -1;
　　　　l >>>= 10;
　　　　System.out.println(l);
　　　　short s = -1;
　　　　s >>>= 10;
　　　　System.out.println(s);
　　　　byte b = -1;
　　　　b >>>= 10;
　　　　System.out.println(b);
　　　}
　　} ///:~
　　移位可与等号（<<=或>>=或>>>=）组合使用。此时，运算符左边的值会移动由右边的值指定的位数，再将得到的结果赋回左边的值。
　　下面这个例子向大家阐示了如何应用涉及“按位”操作的所有运算符，以及它们的效果：
　　//: BitManipulation.java
　　// Using the bitwise operators
　　import java.util.*;
　　public class BitManipulation {
　　　public static void main(String[] args) {
　　　　Random rand = new Random();
　　　　int i = rand.nextInt();
　　　　int j = rand.nextInt();
　　　　pBinInt("-1", -1);
　　　　pBinInt("+1", +1);
　　　　int maxpos = 2147483647;
　　　　pBinInt("maxpos", maxpos);
　　　　int maxneg = -2147483648;
　　　　pBinInt("maxneg", maxneg);
　　　　pBinInt("i", i);
　　　　pBinInt("~i", ~i);
　　　　pBinInt("-i", -i);
　　　　pBinInt("j", j);
　　　　pBinInt("i & j", i & j);
　　　　pBinInt("i | j", i | j);
　　　　pBinInt("i ^ j", i ^ j);
　　　　pBinInt("i << 5", i << 5);
　　　　pBinInt("i >> 5", i >> 5);
　　　　pBinInt("(~i) >> 5", (~i) >> 5);
　　　　pBinInt("i >>> 5", i >>> 5);
　　　　pBinInt("(~i) >>> 5", (~i) >>> 5);
　　　　long l = rand.nextLong();
　　　　long m = rand.nextLong();
　　　　pBinLong("-1L", -1L);
　　　　pBinLong("+1L", +1L);
　　　　long ll = 9223372036854775807L;
　　　　pBinLong("maxpos", ll);
　　　　long lln = -9223372036854775808L;
　　　　pBinLong("maxneg", lln);
　　　　pBinLong("l", l);
　　　　pBinLong("~l", ~l);
　　　　pBinLong("-l", -l);
　　　　pBinLong("m", m);
　　　　pBinLong("l & m", l & m);
　　　　pBinLong("l | m", l | m);
　　　　pBinLong("l ^ m", l ^ m);
　　　　pBinLong("l << 5", l << 5);
　　　　pBinLong("l >> 5", l >> 5);
　　　　pBinLong("(~l) >> 5", (~l) >> 5);
　　　　pBinLong("l >>> 5", l >>> 5);
　　　　pBinLong("(~l) >>> 5", (~l) >>> 5);
　　　}
　　　static void pBinInt(String s, int i) {
　　　　System.out.println(
　　　　　s + ", int: " + i + ", binary: ");
　　　　System.out.print("　 ");
　　　　for(int j = 31; j >=0; j--)
　　　　　if(((1 << j) &　i) != 0)
　　　　　　System.out.print("1");
　　　　　else
　　　　　　System.out.print("0");
　　　　System.out.println();
　　　}
　　　static void pBinLong(String s, long l) {
　　　　System.out.println(
　　　　　s + ", long: " + l + ", binary: ");
　　　　System.out.print("　 ");
　　　　for(int i = 63; i >=0; i--)
　　　　　if(((1L << i) & l) != 0)
　　　　　　System.out.print("1");
　　　　　else
　　　　　　System.out.print("0");
　　　　System.out.println();
　　　}
　　} ///:~
　　程序末尾调用了两个方法：pBinInt()和pBinLong()。它们分别操作一个int和long值，并用一种二进制格式输出，同时附有简要的说明文字。目前，可暂时忽略它们具体的实现方案。
　　大家要注意的是System.out.print()的使用，而不是System.out.println()。print()方法不会产生一个新行，以便在同一行里罗列多种信息。
　　除展示所有按位运算符针对int和long的效果之外，本例也展示了int和long的最小值、最大值、+1和-1值，使大家能体会它们的情况。注意高位代表正负号：0为正，1为负。下面列出int部分的输出：
　　-1, int: -1, binary:
　　　 11111111111111111111111111111111
　　+1, int: 1, binary:
　　　 00000000000000000000000000000001
　　maxpos, int: 2147483647, binary:
　　　 01111111111111111111111111111111
　　maxneg, int: -2147483648, binary:
　　　 10000000000000000000000000000000
　　i, int: 59081716, binary:
　　　 00000011100001011000001111110100
　　~i, int: -59081717, binary:
　　　 11111100011110100111110000001011
　　-i, int: -59081716, binary:
　　　 11111100011110100111110000001100
　　j, int: 198850956, binary:
　　　 00001011110110100011100110001100
　　i & j, int: 58720644, binary:
　　　 00000011100000000000000110000100
　　i | j, int: 199212028, binary:
　　　 00001011110111111011101111111100
　　i ^ j, int: 140491384, binary:
　　　 00001000010111111011101001111000
　　i << 5, int: 1890614912, binary:
　　　 01110000101100000111111010000000
　　i >> 5, int: 1846303, binary:
　　　 00000000000111000010110000011111
　　(~i) >> 5, int: -1846304, binary:
　　　 11111111111000111101001111100000
　　i >>> 5, int: 1846303, binary:
　　　 00000000000111000010110000011111
　　(~i) >>> 5, int: 132371424, binary:
　　　 00000111111000111101001111100000
　　数字的二进制形式表现为“有符号2的补值”。

热心网友时间：2022-05-14 14:23

楼上简直是....

var url = "/abc/ddx/index.html";
var file = url.substring(url.lastIndexOf('/') + 1);
alert(file);

这样就能得到了