input val值比较；数字与字符串大小比较；typeof/instanceof的用法

最新推荐文章于 2024-08-28 21:16:13 发布

原创最新推荐文章于 2024-08-28 21:16:13 发布 · 1.6k 阅读

2 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

12 篇文章

订阅专栏

本文探讨了JavaScript中变量类型的判断方法及不同类型数据之间的比较规则，包括字符串、数字等基本类型的相互转换与大小比较。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div style="width: 1000px;margin: 0px auto;">
	<input id="input1" type="text" />
	<input id="input2" type="number" />
	<div class="btn btn-info btn-sm" onclick="saveIt()">提交</div>
</div>
		
<script>		
	function saveIt(){
		/*查看 input val值数据类型*/
		var val1 = $("#input1").val();	//"12"
		var val2 = $("#input2").val();  //"2"
		//alert(typeof val1)              //string
		
		
		/*纯数字字符串比较大小*/
		var val1 = $("#input1").val();	//"12"
		var val2 = $("#input2").val();  //"2"
		//alert(val1>val2);               //false		
		//alert("12">"2");				//false  
		
		
		/*纯数字字符串转换成数字    再比较大小*/
		var val1 = parseInt($("#input1").val());	//12
		var val2 = parseInt($("#input2").val());    //2
		//alert(val1>val2);                         //true
		
		
		/*字符串转换成数字*/
		var aaa = parseInt("123abc");
		//alert(aaa);                       //123
		//alert(typeof aaa);                //number
		//alert(aaa==123);                  //true
		//alert(aaa=="123");                //true
		//alert(aaa===123);                 //true
		//alert(aaa==="123");               //false
		var aaa = parseInt("1234abc456");
		//alert(aaa);                       //1234
		
		
		/*纯数字字符串与数字比较大小 , 则将数字字符串转为数字*/
		//alert("123"==123);      //true	
		//alert("1234">123);      //true	
		var aaa = "123"+123;      //123123
		//alert(typeof aaa);      //string      
		
		
		//当字符串和数字比较,且字符串为非纯数字时,则将非数字字符串转成数字的时候会转换为NaN,当NaN和数字比较时不论大小都返回false.
		//alert(13>"abc");            //false
		//alert("123abc">"123");    //true	
		
		
		/*获取已知对象类型  typeof*/
		//alert(typeof "iamstring");     //string
		//alert(typeof 222);             //number
		//alert(typeof  [1,2,3]);        //object
		//alert(typeof new Date());      //object
		//alert(typeof  function(){this.name="22";});     //function	
		
		
		/*判断已知对象类型  instanceof*/
		//alert("iamstring" instanceof Array);     //true	

        // instanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上
        // instanceof 只能用来判断对象（包括数组）

		function Car(make, model, year) {
          this.make = make;
          this.model = model;
          this.year = year;
        }
        const auto = new Car('Honda', 'Accord', 1998);

        console.log(auto instanceof Car);
        // expected output: true

        console.log(auto instanceof Object);
        // expected output: true

	}			
</script>