var message;
// jQuery中$.type()工具函数
console.log($.type(message)); // undefined
console.log($.type(age)); // 【报错】age is not defined
// 自己理解写的例子
console.log(message==undefined); // true
console.log(age==undefined); // 【报错】age is not defined
var a = 'abc' + 'xyz'; //a的值为:abcxyz,字符串与字符串是连接
var a = 10 + 5; //a的值为:15,数字是加
var a = 'abc' + 10; //a的值为:abc10,字符串与数字,自动将10转换成字符串了
var a = 'abc' + 10 + 20 + 'cd'; //a的值为:abc1020cd
var a = 10 + 20 + 'abc' + 'cd'; //a的值为:30abccd,可以数字加的先数字加,然后再连接
#2148
#2149
起因:关于数据类型这块,自己看了很多遍相关的资料,每次查看和实践都有一些体会和理解;但又感到没有理解透,总是差一点,最近又在看这块的内容,加上最近的积累,做个相关笔记
ECMAScript数据类型:
1. 5中简单数据类型:String Number Boolean Undefined Null
2. 1种复杂数据类型:Object,本质是一组无序的名值对组成的,eg:Array JSON ...
【理解】对于JS数据方面的操作,都是数据类型之间的转换和操作,只要针对的攻克每一种数据类型,在逐步的融合,JS水平会有一个很好的进步;
typeof操作符
1. 这是个操作符,不是方法
2. 之所以typeof存在,是因为ECMAScript是松散类型的语言;松散类型就是变量可以是任意数据类型,可以任意转换(不推荐)
typeof(String) => string => 如果这个值是字符串 typeof(Number) => number => 如果这个值是数值 typeof(Boolean) => boolean => 如果这个值是布尔值 typeof(Undefined) => undefined => 如果这个值未定义 typeof(Object) => object => 如果这个值是对象或null typeof(Function) => function => 如果这个值是函数
一、 Undefined类型
当【声明】一个变量,但是【未初始化】,这个变量的值就是undefined
一直以来的困惑:
1. 对【未初始化】的变量执行typeof操作符,返回undefined值
2. 对【未声明】的变量执行typeof操作符,返回undefined值
var message; console.log(typeof message); // undefined console.log(typeof age); // undefined
困惑:导致自己一直不知道该怎么解决这个问题,书上标注的解决办法是:显式的使用undefined来给没有初始化的变量进行赋值,每次实践的结果和书上说的有出入
感悟:自己刚刚结合了jQuery上的$.type()的工具函数,和自己写的一些例子
var message; // jQuery中$.type()工具函数 console.log($.type(message)); // undefined console.log($.type(age)); // 【报错】age is not defined // 自己理解写的例子 console.log(message==undefined); // true console.log(age==undefined); // 【报错】age is not defined
所以,无论从$.type()的角度看,验证结果;还是从例子中查看结果,都可以看出,对于【未声明】和【未初始化】分离和验证都不是难题;
【注】对于$.type()的原理实现,是否是我例子中的方法,我还没有验证;当然这不是重点,重点是,妈妈再也不担心我分不清【未声明】和【未初始化】了;
【项目中】在实际的项目中,肯定是不允许有报错行为的,这样大大的影响了程序的进一步运行;所以,用下面这种方式:
var message; // jQuery中$.type()工具函数 console.log($.type(message)); // undefined try{ console.log($.type(age)); // 不报错了 }catch(e){ console.log("age is not defined!"); }; // 自己理解写的例子 console.log(message==undefined); // true try{ console.log(age==undefined); // 不报错了 }catch(e){ console.log("age is not defined!"); };
二、Null类型
1.从逻辑的角度,null值表示一个空对象指针
2.typeof(null),返回object
3.如果定义的变量未来准备用来保存对象,最好将其初始化成null
只要检测出来不是null就可以进行下一步操作:
if(ele != null){ //要执行的代码 }
4.undefined值是派生自null值,因此:console.log(undefined == null); //true
console.log(undefined == null); // true // 从JS角度 console.log(typeof undefined); // undefined console.log(typeof null); // object // 从jQuery角度 console.log($.type(undefined)); // undefined console.log($.type(null)); // null
三、Boolean类型
1.有两个字面量:true and false
2.区分大小写,只有全小写形式,属于Boolean类型,其余的只是标识符
3.转型函数Boolean(),将任意类型的字符转换成Boolean类型
转换规则:
数据类型 => true => false
String类型 => 任意非空字符串 => ""(空字符串) Number类型 => => 任意非零数字值(包括无穷大) => 0和NaN Boolean类型 => true => false Object类型 => 任意对象 => null Undefined类型 => n/a(or N/A),意思是不适用(not applicable) => undefined
四、Number类型
1.数值字面量表示方式:十进制、八进制(严格模式不支持,直接报错)、十六进制
八进制:第一位必须是0,然后是八进制数字序列(0~7)
十六进制:前两位必须是0x,后跟十六进制数字序列(0~9及A~F),字母(A~F)大小写都可以
算术计算时:所有以八进制和十六进制表示的数值最终都将被转换成十进制数值
正零 == 负零(+0 == -0)
2.浮点数值
就是数值中包含一个小数点,小数点后必须至少有一位数字
小数点前面可以没有整数,但是不推荐(.1)
保存浮点数值所需的内存空间是保存整数的两倍,所以下面这些浮点数,会当做整数处理
1. => 1 10.0 => 10
对于极大极小的数值,可以用e表示法(即科学计数法)来表示浮点数值;e前面的数值*10的指数次幂,幂是e后面的数值
3.125e7 == 31250000 0.00000000000000003 == 3e-17
默认情况下,ECMAScript会将那些小数点后面带有6个零以上的浮点数值转换成e表示法
浮点数值的最高精度是17位小数,但在进行算数计算时其精确度远远不如整数
0.1 + 0.2 != 0.3 0.1 + 0.2 != 0.30000000000000004
【注】浮点数值计算有舍入误差,其它基于IEEE754数值的浮点数计算语言都有这类通病
3.数值范围
由于内存的限制,ECMAScript不能保存世界上所有的数值
最小值:Number.MIN_VALUE 最大值:Number.MAX_VALUE
最值具体等于多少数值,不同的浏览器有不同的结果,具体以实际为准
数值计算结果超出最值范围,将被自动转换成特殊的正值是Infinity(正无穷)值,负值是-Infinity(负无穷)
判断某个数值是不是有穷数值(是不是位于最小值和最大值之间),可以使用isFinish()函数,结果是有穷的返回true,否则false
var num = Number.MIN_VALUE + Number.MAX_VALUE; console.log(num); // false
Infinity和-Infinity保存只
Number.POSITIVE_INFINITY == Infinity Number.NEGATIVE_INFINITY == -Infinity
4.NaN
NaN,即非数值(Not a Number)是一个特殊的数值,当数值计算出现错误的时候,返回NaN,如:任何数除以0会返回NaN,这样不影响其它代码的执行
两个特点:
--- 1.任何涉及NaN的操作(NaN/10)都会返回NaN,这个特性在多步计算中有可能导致问题
--- 2.NaN与任何值都不相等,包括NaN本身
console.log(NaN == NaN); // false
isNaN()函数,这个函数接收一个参数,该参数可以是任何类型;意思是是否【不是数值】
当参数不是数值时,返回true;当参数是数值时,返回false
console.log(isNaN("10")); // false console.log(isNaN("blue")); //true
isNaN()也适用于对象,首先调用对象的valueof()方法=?是否可以转换为数值,如果不能,在调用toString()方法
#2150
function isLeapYear(year){ return (new Date(year,2,0)).getDate()==29; }
#2151
function sureDay(year,month){ return (new Date(year,month,0)).getDate() }
#2152
function permutate(array,permutatedArray){ if(!permutatedArray){ permutatedArray = []; } if(array.length > 1){ //弹出第一个数 var elementCur = array.shift(); //排列剩余的数组 permutate(array,permutatedArray); //返回剩余的数组的排列长度 var permutatedArrayLen = permutatedArray.length; //第一个数与其他剩余数组所有数组组合 for(var j = 0;j < permutatedArrayLen; j++){ //弹出不齐的组 var p = permutatedArray.shift(); //把当前元素放到排列好的数组的所有位置 for(var i = 0; i <= p.length; i++){ //复制排列好的数组 var r = p.slice(0); //插入数据到数组的位置 r.splice(i, 0, elementCur); //保存 permutatedArray.push(r) } } //退出条件 }else{ permutatedArray.push([array[0]]); } return permutatedArray; }
#2153
parseInt('123') : 返回 123(int); parseInt('1234xxx') : 返回 1234(int);
parseInt(string) : 函数从string的开始解析,返回一个整数。
如果解析不到数字,则将返回一个NaN的值,可以用isNaN()函数来检测;
var i = parseInt('abc'); if (isNaN(i)) { alert('NaN value'); }
同样的parseFloat函数是将字符串转换成浮点数。
举例:
parseFloat('31.24abc') : 返回 31.24;
js数字转换成字符串
将字符串转换成数字,得用到String类的toString方法
var i = 10; var s = i.toString(); alert(typeof s); //将输出 String
js数字与字符串的区别
js的数字的加法与字符串的连接都是 + 符号, 所以究竟是加还是字符串的连接就取决与变量的类型。
var a = 'abc' + 'xyz'; //a的值为:abcxyz,字符串与字符串是连接 var a = 10 + 5; //a的值为:15,数字是加 var a = 'abc' + 10; //a的值为:abc10,字符串与数字,自动将10转换成字符串了 var a = 'abc' + 10 + 20 + 'cd'; //a的值为:abc1020cd var a = 10 + 20 + 'abc' + 'cd'; //a的值为:30abccd,可以数字加的先数字加,然后再连接
如果从html页面元素得到的值,想按数字加,就需要先转换为数字,因为从页面得到的值默认是字符串。
#2154
前端语言 浏览器 JavaScript算法
<script> var mycars = new Array() //加x元素保证有0-9个数字 mycars[0] = "w" mycars[1] = "d" mycars[2] = "o" mycars[3] = "t" mycars[4] = "g" mycars[5] = "l" mycars[6] = "e" mycars[7] = "c" mycars[8] = "m" mycars[9] = "x" permutate(mycars); function sff(s,v){ var u=s.indexOf(v); if(u!='-1') return u.toString(); else return false; } function permutate(array,permutatedArray){ if(!permutatedArray){ permutatedArray = []; } if(array.length > 1){ //弹出第一个数 var elementCur = array.shift(); //排列剩余的数组 permutate(array,permutatedArray); //返回剩余的数组的排列长度 var permutatedArrayLen = permutatedArray.length; //第一个数与其他剩余数组所有数组组合 for(var j = 0;j < permutatedArrayLen; j++){ //弹出不齐的组 var p = permutatedArray.shift(); //把当前元素放到排列好的数组的所有位置 for(var i = 0; i <= p.length; i++){ //复制排列好的数组 var r = p.slice(0); //插入数据到数组的位置 r.splice(i, 0, elementCur); //保存 permutatedArray.push(r) //console.log(r);return false; if(r.length==10) { var w=sff(r,'w'); var d=sff(r,'d'); var o=sff(r,'o'); var t=sff(r,'t'); var g=sff(r,'g'); var l=sff(r,'l'); var e=sff(r,'e'); var c=sff(r,'c'); var m=sff(r,'m'); //WWWDOT – GOOGLE = DOTCOM var wwwdot=parseInt(w+w+w+d+o+t); var google=parseInt(g+o+o+g+l+e); var dotcom=parseInt(d+o+t+c+o+m); var nnnwwwwdot=google+dotcom; if(wwwdot==nnnwwwwdot){ console.log(wwwdot+'='+google+'+'+dotcom); //return true; } } //console.log(r); } } //退出条件 }else{ permutatedArray.push([array[0]]); } return permutatedArray; } </script>
#2155
#2156
简单地记下jquery实现回车事件,代码如下:
全局:
$(function(){ document.onkeydown = function(e){ var ev = document.all ? window.event : e; if(ev.keyCode==13) { $('#FormId).submit();//处理事件 } } });
某个控件:
$('#id').keydown(function(e){ if(e.keyCode==13){ $('#FormId).submit(); //处理事件 } }); if (window.event.keyCode==13) window.event.keyCode=0 //这样就取消回车键了
如果想模拟Tab键,只要写成
if (window.event.keyCode==13) window.event.keyCode=9
#2157
#2158
#2159
#2160
感谢这篇文章作者
#2161
#2162
#2163
#2164
#2165
这个世界,只要肯为一件事情努力,用长远的眼光去看,总有一天用得到的。
我们生活在一个信息发达的时代,学习与资金投入不一定是成正比的。。。。因为资源太多了。只要你肯想办法。
#2166