javascript学习3
javascript数据类型、函数传参
- javascript语言核心:ECMAScript
- 定义js的语法：基本对象、数据类型
- js的数据类型
- typeof运算符 判断数据类型
- 字符串、数字、布尔、函数、对象（obj、[]、{}、null）、未定义(undefined)、数组、null...
- 数据类型使用原则：一个变量只存放一种类型数据
- typeof运算符 判断数据类型
- 数据类型转换
- 数据类型转换
- 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>- 实例：两个输入框相加
- 实例：判断输入值是否为小数
- Number、parseInt、parseFloat
- 隐式类型转换
- + = * / % < > == ! ++ --
- 数据类型转换
- 数据类型转换不成功
- 数字类型：NaN详解
- not a number不是个数字的数字类型
- 一旦写程序中出现NaN,肯定进行了非法的运算操作
- 特点：
- 非数字的数字类型
- false
- NaN!=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的更多相关文章
- JavaScript学习（一） —— 环境搭建与JavaScript初探
1.开发环境搭建 本系列教程的开发工具,我们采用HBuilder. 可以去网上下载最新的版本,然后解压一下就能直接用了.学习JavaScript,环境搭建是非常简单的,或者说,只要你有一个浏览器,一个 ...
- Web编程基础--HTML、CSS、JavaScript 学习之课程作业“仿360极速浏览器新标签页”
Web编程基础--HTML.CSS.JavaScript 学习之课程作业"仿360极速浏览器新标签页" 背景: 作为一个中专网站建设出身,之前总是做静态的HTML+CSS+DIV没 ...
- JavaScript学习（3）：函数式编程
在这篇文章里,我们讨论函数式编程. 什么是函数式编程?根据百度百科的描述,“函数式编程是种编程典范,它将电脑运算视为函数的计算.函数编程语言最重要的基础是 λ 演算(lambda calculus). ...
- JavaScript学习（2）：对象、集合以及错误处理
在这篇文章里,我们讨论一下JavaScript中的对象.数组以及错误处理. 1. 对象 对象是JavaScript中的一种基本类型,它内部包含一些属性,我们可以对这些属性进行增删操作. 1.1 属性 ...
- JavaScript学习13 JavaScript中的继承
JavaScript学习13 JavaScript中的继承 继承第一种方式:对象冒充 <script type="text/javascript"> //继承第一种方式 ...
- JavaScript学习12 JS中定义对象的几种方式
JavaScript学习12 JS中定义对象的几种方式 JavaScript中没有类的概念,只有对象. 在JavaScript中定义对象可以采用以下几种方式: 1.基于已有对象扩充其属性和方法 2.工 ...
- JavaScript学习11 数组排序实例
JavaScript学习11 数组排序实例 数组声明 关于数组对象的声明,以前说过:http://www.cnblogs.com/mengdd/p/3680649.html 数组声明的一种方式: va ...
- JavaScript学习10 JS数据类型、强制类型转换和对象属性
JavaScript学习10 JS数据类型.强制类型转换和对象属性 JavaScript数据类型 JavaScript中有五种原始数据类型:Undefined.Null.Boolean.Number以 ...
- JavaScript学习09 函数本质及Function对象深入探索
JavaScript学习09 函数本质及Function对象深入探索 在JavaScript中,函数function就是对象. JS中没有方法重载 在JavaScript中,没有方法(函数)重载的概念 ...
- JavaScript学习08 Cookie对象
JavaScript学习08 Cookie对象 JavaScript Cookie Cookie对象: Cookie是一种以文件的形式保存在客户端硬盘的Cookies文件夹中的用户数据信息(Cooki ...
随机推荐
- rails 中 preload、includes、Eager load、Joins 的区别
Rails 提供了四种不同加载关联数据的方法.下面就来介绍一下. 一.Preload Preload 是以附加一条查询语句来加载关联数据的 User.preload(:posts).to_a # =& ...
- ionic 入口禁止加载其他页面
.state('memberOrders', { prefetchTemplate: false, url: '/memberOrders', templateUrl: '/MemberOrders' ...
- [USACO18DEC]Cowpatibility(容斥 or bitset优化暴力)
题面 题意: 给出n个五元组(一个五元组的五个数互不相同),我们称两个五元组不和谐,当且仅当任意元素都不相同,求有多少对五元组不和谐. \(Solution:\) 很容易想到 Ans = 总共对数-和 ...
- 预研报告——MyBatis持久层的demo
一.预研任务介绍和预研目标 任务介绍: 与 Hibernate 相比, MyBatis 是一个半自动化的持久层框架,以轻量级.效率高.原生代而好评如潮.虽然有在分享会上大致讲解,但是还是重新梳理成文字 ...
- hw_breakpoint使用方法
hw_breakpoint 使用方法 kprobe在 do_page_fault 函数中不能使用,那么如果真要在这里打点怎么办呢?看看hw_breakpoint是否可用: 事实证明,即便 hw_bre ...
- php: Can't use function return value in write context
关于empty()函数, php手册中提到,php5.5之前empty()函数只支持检查变量,传入任何其他的表达式或函数都会产生语法错误. Note: Prior to PHP 5.5, empty( ...
- POJ2155 Matrix 【二维线段树】
题目链接 POJ2155 题解 二维线段树水题,蒟蒻本想拿来养生一下 数据结构真的是有毒啊,, TM这题卡常 动态开点线段树会TLE[也不知道为什么] 直接开个二维数组反倒能过 #include< ...
- POJ3294 Life Forms 【后缀数组】
生命形式 时间限制: 5000MS 内存限制: 65536K 提交总数: 16660 接受: 4910 描述 你可能想知道为什么大多数外星人的生命形式与人类相似,不同的是表面特征,如身高,肤色 ...
- [HEOI2017]分手是祝愿 期望概率dp 差分
经分析可知:I.操作每个灯可看做一种异或状态 II.每个状态可看做是一些异或状态的异或和,而且每个异或状态只能由它本身释放或放入 III.每一种异或状态只有存在不存在两中可行状态,因此这些灯只有同时处 ...
- 用PHP迭代器来实现一个斐波纳契数列
斐波纳契数列通常做法是用递归实现,当然还有其它的方法.这里现学现卖,用PHP的迭代器来实现一个斐波纳契数列,几乎没有什么难度,只是把类里的next()方法重写了一次.注释已经写到代码中,也是相当好理解 ...