javascript数据类型、函数传参

  • javascript语言核心:ECMAScript
  • 定义js的语法：基本对象、数据类型
  • js的数据类型

    • typeof运算符  判断数据类型

      • 字符串、数字、布尔、函数、对象（obj、[]、{}、null）、未定义(undefined)、数组、null...
      • 数据类型使用原则：一个变量只存放一种类型数据　　
  • 数据类型转换
    • 数据类型转换

      • Number、parseInt、parseFloat

        <script type="text/javascript">
        
    var a1='';
        
    var a2=' ';
        
    var a3=[];
        
    var a4=null;
        
    var a5=[1];

    var a6=[1,2,3];
        
    var json={json};
        
    var a7=Number(json);
        
    var a8=function(){alert(1)}
        
    var a9;

    console.log(Number(a1));//0
        
    console.log(Number(a2));//0
        
    console.log(Number(a3));//0
        
    console.log(Number(a4));//0
        
    console.log(Number(a5));//1

    console.log(Number(a6));//NaN
        
    console.log(a7);//NaN
        
    console.log(Number(a8));//NaN
        
    console.log(Number(a9));//NaN
        
</script>
      • <script type="text/javascript">
        
    var a1='+200px';
        
    var a2='-200px';
        
    var a3='200px12345';
        
    var a4='000000200px12345';

    console.log(parseInt(a1));//200
        
    console.log(parseInt(a2));//-200
        
    console.log(parseInt(a3));//200
        
    console.log(parseInt(a4));//200
        
</script>
      • 实例：两个输入框相加
      • 实例：判断输入值是否为小数
    • 隐式类型转换
      • +  =  *  /  %  <  >  ==  !  ++  --
  • 数据类型转换不成功
    • 数字类型：NaN详解

      • not a number不是个数字的数字类型
      • 一旦写程序中出现NaN,肯定进行了非法的运算操作
    • 特点：
      • 非数字的数字类型
      • false
      • NaN!=NaN
  • 检测数字的方法：isNaN 
    <!DOCTYPE html>
    
<html>
    
    <head>
    
        <meta charset="UTF-8">
    
        <title></title>
    
        <script type="text/javascript">
    
            window.onload=function(){
    
                var aLnp=document.getElementsByTagName('input');
    
                var str='';
    
                aLnp[1].onclick=function(){
    
                    str=aLnp[0].value;
    
                    //Html中拿到的内容，类型都是字符串
    
                    //alert(typeof str);
    
                    if(isNaN(str)){
    
                        alert(str+'不是数字');
    
                    }else{
    
                        alert(str+'是数字');
    
                    }
    
                }
    
            }
    
        </script>
    
    </head>
    
    <body>
    
        <input type="text" />
    
        <input type="button"  value="判断输入值是不是数字"/>
    
    </body>
    
</html>
  • 例子说明

    • 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];

/*
      
    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
      
*/
    • 答案1 
      <!DOCTYPE HTML>
      
<html>
      
<head>
      
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
      
<title>无标题文档</title>
      
<script src="http://www.jq22.com/jquery/jquery-1.9.1.js"></script>
      
<script>
      
    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 numArr=[];
      
    $(function(){
      
        for(var i=0;i<arr.length;i++){
      
            if(typeof arr[i]==='number' && !isNaN(arr[i])){
      
                numArr.push(arr[i]);
      
            }
      
        }
      
        console.log(numArr);//[-98765, 34, -2, 0, 5]
      
    });
      
</script>
      
</head>
      
<body>
      
</body>
      
</html>
    • 答案2 
      <!DOCTYPE HTML>
      
<html>
      
<head>
      
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
      
<title>无标题文档</title>
      
<script src="http://www.jq22.com/jquery/jquery-1.9.1.js"></script>
      
<script>
      
    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 numArr=[];
      
    $(function(){
      
        for(var i=0;i<arr.length;i++){
      
            if('number' && parseFloat(arr[i])){
      
                numArr.push(arr[i]);
      
            }
      
        }
      
        console.log(numArr);//["100px", -98765, 34, -2, "300", "23.45元", 5]
      
    });

    /* parseFloat(0)  ---->   0  但是结果里面0没有输出来  不知道原因  知道的可以告诉我一下*/
      </script>
      
</head>
      
<body>
      
</body>
      
</html>
    • 答案3 
      <!DOCTYPE HTML>
      
<html>
      
<head>
      
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
      
<title>无标题文档</title>
      
<script src="http://www.jq22.com/jquery/jquery-1.9.1.js"></script>
      
<script>
      
    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 numArr=[];
      
    $(function(){
      
        var index=0;
      
        for(var i=0;i<arr.length;i++){
      
              if(arr[index] < arr[i]){
      
                    index = i;
      
                    if(!isNaN(arr[i])){
      
                        numArr += 'number' && parseFloat(arr[i]);
      
                    }
      
                }
      
        }
      
        console.log(numArr);//300
      
    });
      
</script>
      
</head>
      
<body>
      
</body>
      
</html>
    • 答案4 
      <!DOCTYPE HTML>
      
<html>
      
<head>
      
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
      
<title>无标题文档</title>
      
<script src="http://www.jq22.com/jquery/jquery-1.9.1.js"></script>
      
<script>
      
    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 numArr=[];
      
    $(function(){
      
        for(var i in arr){
      
            if(typeof arr[i] === 'number' && isNaN(arr[i])){
      
                numArr += i+ '、';
      
            }
      
        }
      
        console.log(numArr);//1、14、17、19、
      
    });
      
</script>
      
</head>
      
<body>
      
</body>
      
</html>

javascript学习3的更多相关文章

  1. JavaScript学习（一） —— 环境搭建与JavaScript初探

    1.开发环境搭建 本系列教程的开发工具,我们采用HBuilder. 可以去网上下载最新的版本,然后解压一下就能直接用了.学习JavaScript,环境搭建是非常简单的,或者说,只要你有一个浏览器,一个 ...

  2. Web编程基础--HTML、CSS、JavaScript 学习之课程作业“仿360极速浏览器新标签页”

    Web编程基础--HTML.CSS.JavaScript 学习之课程作业"仿360极速浏览器新标签页" 背景: 作为一个中专网站建设出身,之前总是做静态的HTML+CSS+DIV没 ...

  3. JavaScript学习（3）：函数式编程

    在这篇文章里,我们讨论函数式编程. 什么是函数式编程?根据百度百科的描述,“函数式编程是种编程典范,它将电脑运算视为函数的计算.函数编程语言最重要的基础是 λ 演算(lambda calculus). ...

  4. JavaScript学习（2）：对象、集合以及错误处理

    在这篇文章里,我们讨论一下JavaScript中的对象.数组以及错误处理. 1. 对象 对象是JavaScript中的一种基本类型,它内部包含一些属性,我们可以对这些属性进行增删操作. 1.1 属性 ...

  5. JavaScript学习13 JavaScript中的继承

    JavaScript学习13 JavaScript中的继承 继承第一种方式:对象冒充 <script type="text/javascript"> //继承第一种方式 ...

  6. JavaScript学习12 JS中定义对象的几种方式

    JavaScript学习12 JS中定义对象的几种方式 JavaScript中没有类的概念,只有对象. 在JavaScript中定义对象可以采用以下几种方式: 1.基于已有对象扩充其属性和方法 2.工 ...

  7. JavaScript学习11 数组排序实例

    JavaScript学习11 数组排序实例 数组声明 关于数组对象的声明,以前说过:http://www.cnblogs.com/mengdd/p/3680649.html 数组声明的一种方式: va ...

  8. JavaScript学习10 JS数据类型、强制类型转换和对象属性

    JavaScript学习10 JS数据类型.强制类型转换和对象属性 JavaScript数据类型 JavaScript中有五种原始数据类型:Undefined.Null.Boolean.Number以 ...

  9. JavaScript学习09 函数本质及Function对象深入探索

    JavaScript学习09 函数本质及Function对象深入探索 在JavaScript中,函数function就是对象. JS中没有方法重载 在JavaScript中,没有方法(函数)重载的概念 ...

  10. JavaScript学习08 Cookie对象

    JavaScript学习08 Cookie对象 JavaScript Cookie Cookie对象: Cookie是一种以文件的形式保存在客户端硬盘的Cookies文件夹中的用户数据信息(Cooki ...

随机推荐

  1. 解决上传app store卡在正在通过iTunes Store鉴定

    打开终端输入代码即可 cd ~ mv .itmstransporter/ .old_itmstransporter/ "/Applications/Xcode.app/Contents/Ap ...

  2. 1，理解java中的IO

    IO中的几种形式 基于字节:InputStream.OutputStream 基于字符:Writer.Reader 基于磁盘:File 基于网络Socket   最终都是字节操作,字符到字节要编码转换 ...

  3. 【vim环境配置】解决ubuntu上 由YouCompleteMe插件配置不当引起的 自动补全失效的问题

    背景: 由于不可抗拒的原因,学习环境由之前centos的一台机器上,变成了ubuntu的一台机器上.因此,需要在新的ubuntu的机器上再配置一次vim环境.算起来这已经是第三次配置vim环境了(ma ...

  4. BZOJ1222[HNOI 2001]产品加工

    题面描述 某加工厂有A.B两台机器,来加工的产品可以由其中任何一台机器完成,或者两台机器共同完成.由于受到机器性能和产品特性的限制,不同的机器加工同一产品所需的时间会不同,若同时由两台机器共同进行加工 ...

  5. python终极篇 --- django---班级管理系统

    周末没事自己写了个班级管理系统,虽然简单,但也算个前期学习的总结吧 from django.db import models # Create your models here. class Banj ...

  6. 论文翻译--StarCraft Micromanagement with Reinforcement Learning and Curriculum Transfer Learning

    (缺少一些公式的图或者效果图,评论区有惊喜) (个人学习这篇论文时进行的翻译[谷歌翻译,你懂的],如有侵权等,请告知) StarCraft Micromanagement with Reinforce ...

  7. C++ 学习笔记之——输入和输出

    在 C++ 中,我们通过调用输入输出流库中的流对象 cin 和 cout 来实现输入和输出. #include <iostream> using namespace std; int ma ...

  8. C++ XML文件解析

    使用tinyxml2库,git地址https://github.com/leethomason/tinyxml2 只需要使用tinyxml2.h tinyxml2.cpp即可,同时需要using na ...

  9. lintcode-115-不同的路径 II

    115-不同的路径 II "不同的路径" 的跟进问题: 现在考虑网格中有障碍物,那样将会有多少条不同的路径? 网格中的障碍和空位置分别用 1 和 0 来表示. 注意事项 m 和 n ...

  10. Java学习全攻略-->阅读官方文档

    一直感觉Java的官方文档有些杂乱,最近特意整理了一下,仅供参考. 入口 Oracle官方文档入口:http://docs.oracle.com/.下级页面这边只整理了JavaEE跟JavaSE的文档 ...