数据类型转换练习

找到合适的值


<!DOCTYPE HTML>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>无标题文档</title>
    <style>
    body {

        font-size: 20px;
    }
    </style>
    <script>
    window.onload = function() {

        var arr = ['100px', 'abc' - 6, [], -98765, 34, -2, 0, '300', , function() { alert(1); }, null, document, [], true, '200px' - 30, '23.45元', 5, Number('abc'), function() { alert(3); }, 'xyz' - 90];

        var ob = document.getElementsByTagName('body')[0];

        var a1 = [];

        var a2 = [];

        var a3 = [];

        var a4 = [];

        var max = 0;

        /*

            1、找到arr里所有的数字：-98765, 34, -2, 0, 5

            2、找到可以转成数字的：'100px', -98765, 34, -2, 0, '300', '23.45元',  5 

            3、把转成数字以后，最大值判断出来：300

            4、把 NaN 所在的位置找出来：1 14 17  19

        */

        //题目一：用函数把数字选择出来，由于NaN在数字类型，所以用ISNaN把NAN去除掉

        ob.innerHTML += '<br/>' + '1、找到arr里所有的数字:  '

        for (var i = 0; i < arr.length; i++) {

            if (typeof arr[i] == 'number' && !isNaN(arr[i])) {

                a1.push(arr[i]);

            }

        }

        for (var i = 0; i < a1.length; i++) {

            ob.innerHTML += a1[i] + ' ,';

        }

        //题目二：用函数把可以数字转换的找出来，再单独找0,要把中括号去除呢

        ob.innerHTML += '<br/>' + '2、找到可以转成数字的:  '

        for (var i = 0; i < arr.length; i++) {

            if (parseFloat(arr[i]) || (arr[i] == 0 && typeof arr[i] == 'number')) {

                a2.push(arr[i]);

            }

        }

        for (var i = 0; i < a2.length; i++) {

            ob.innerHTML += a2[i] + ' ,';

        }

        //题目三：用函数把可以数字转换出来，再单独找0输入

        for (var i = 0; i < a2.length; i++) {

            if (parseFloat(a2[i]) || a2[i] == 0) {

                a3.push(parseFloat(a2[i]));

            }

        }

        ob.innerHTML += '<br/>' + '3、把转换数字后的数组为:  '

        for (var i = 0; i < a3.length; i++) {

            if (max < a3[i]) {

                max = a3[i];

            }

            ob.innerHTML += a3[i] + ' ,';

        }

        ob.innerHTML += '  排序后最大值：' + max;
          //题目四：把 NaN 所在的位置找出来：1 14 17  19  
          ob.innerHTML += '<br/>' + '4、把 NaN 所在的位置找出来:  '
           for (var i = 0; i < arr.length; i++) {
           if (isNaN(arr[i]) && typeof arr[i] == 'number') {
            a4.push(i);
               }
                }
           for (var i = 0; i < a4.length; i++) {	      	      	       	            	               	         	       ob.innerHTML += a4[i] + ' ,';
           }
             }
          </script>
        </head>

               <body>
               </body>

               </html>

QQ号码

<!DOCTYPE HTML>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>无标题文档</title>
</head>
<script>
window.onload = function() {

    var oText = document.getElementById('t')

    var oBtn = document.getElementById('b')

    var count = 0;

    oBtn.onclick = function() {
    if (oText.value == '') {
    alert('没有输入')
      count++;
       }
       if (isNaN(oText.value)) {
       alert('非数字')
         count++;	        	            	          	       	        	            	           }
         if (oText.value.charAt(0) == 0) {
         alert('不能有0在前面')
          count++;
           }
        if (parseFloat(oText.value) != parseInt(oText.value)) {
         alert('不能是小数')
         count++;
          }
          if (oText.value.length < 5 || oText.value.length > 10) {
            alert('输入的数字必须在5位以上、10位以内')
             count++;
                  }	       	        	            	           	       	       	           	             if (count == 0) { 
                         alert('输入的号码正确呢')
                           }
                               }
             	}
               </script>

               <body>
                   请输入QQ号码：
                   <input type="text" value="" id="t" />
                   <input type="button" value="判断" id="b" />
                   <br /> 1、有没有输入
                   <br /> 2、输入的是不是数字
                   <br /> 3、不能有0在前面
                   <br /> 4、不能是小数
                   <br /> 5、输入的数字必须在5位以上、10位以内
                   <br />
               </body>

               </html>