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. leetcode笔记--3 Niim game

    question: You are playing the following Nim Game with your friend: There is a heap of stones on the ...

  2. netty源码分析系列文章

    netty源码分析系列文章 nettynetty源码阅读netty源码分析  想在年终之际将对netty研究的笔记记录下来,先看netty3,然后有时间了再写netty4的,希望对大家有所帮助,这个是 ...

  3. ubuntu下安装redis及在php中使用

    一.安装redis sudo apt-get install redis-server 安装完成后,Redis服务器会自动启动,我们可以通过下面的命令行检查一下: # redis-cli > p ...

  4. js学习日记-常用正则符号参考

    预定义类 量词 贪婪.惰性.支配性量词 前瞻 边界 RegExp是全局对象,RegExp.$1...$9是全局属性.当执行任意正则表达式匹配操作时,JavaScript会自动更新全局对象RegExp上 ...

  5. vi/vim 命令使用详解

    1.Linux下创建文件 vi test.txt 或者 vim test.txt 或者 touch test.txt 2.vi/vim 使用 基本上 vi/vim 共分为三种模式,分别是命令模式(Co ...

  6. Centos6.5

    1.首先我们需要检测系统是否自带安装mysql # yum list installed | grep mysql 2.如果发现有系统自带mysql,果断这么干 # yum -y remove mys ...

  7. Python 把两个列表遍历为一个

    两个list, 有对应关系,希望同时完成遍历 用迭代器迭代的方法也不是不可以,python提供了更直观的方法: 可以使用zip把两个list打包 , 类似: list1 = [1,2,3,4] lis ...

  8. 容器基础(十): 使用kubernetes部署应用

    概述 使用之前的脚本(env/server.py 得到 env/server:v0.1 镜像, env/worker.py 得到 env/worker:v0.1)得到的镜像,在部署好kubernete ...

  9. python完成简单购物功能

    # # -*- coding: utf8 -*- # # Author:wxq # # date:2017/11/13 # # python 3.6 # 创建一个商品列表: product_lis = ...

  10. 漫谈单点登录(SSO)

    1. 摘要 ( 注意:请仔细看下摘要,留心此文是否是您的菜,若浪费宝贵时间,深感歉意!!!) SSO这一概念由来已久,网络上对应不同场景的成熟SSO解决方案比比皆是,从简单到复杂,各式各样应有尽有!开 ...