js 变量类型、相互转换

1、string
    var string = "this is mine"
    string.substring();            //截取函数
    string.toLowerCase();        //换换小写
    string.toUpperCase();        //转换大写
    string.indexOf("is") > -1;    //字符串检索，检索不到返回-1
    string.replace("mine","yours")    //字符串替换
    string.charCodeAt(2)                //返回第二个字符的Unicode编码
    string.fromCharCode(60)           //返回unicode 为60的字符
    encodeURI(string)                    //将字符串转换成URL编码
    decodeURI(code)                    //同上相反
    encodeURIComponent()
    decodeURIComponent()
    base64Encode()
    base64Decode()                     //base64编码转换

2、    number
    var i = 1;
    i.toString();        //数字转字符串
    i=parseInt(str)    //同上相反
    typeof i == "number"    //判断是否为数字

3.判断是否为有效的数字 
var i = 123; var str = "string"; 
if( typeof i == "number" ){ } //true

//某些方法(如:parseInt,parseFloat)会返回一个特殊的值NaN(Not a Number) 
//请注意第2点中的[注意],此方法不完全适合判断一个字符串是否是数字型!! 
i = parseInt(str); 
if( isNaN(i) ){ }

4.数字型比较 
//此知识与[字符串比较]相同

5.小数转整数 
var f = 1.5; 
var i = Math.round(f); //结果:2 (四舍五入) 
var i = Math.ceil(f); //结果:2 (返回大于f的最小整数) 
var i = Math.floor(f); //结果:1 (返回小于f的最大整数)

6.格式化显示数字 
var i = 3.14159;

//格式化为两位小数的浮点数 
var str = i.toFixed(2); //结果: "3.14"

//格式化为五位数字的浮点数(从左到右五位数字,不够补零) 
var str = i.toPrecision(5); //结果: "3.1415"

7.X进制数字的转换 
//不是很懂 -.- 
var i = parseInt("0x1f",16); 
var i = parseInt(i,10); 
var i = parseInt("11010011",2);

8.随机数 
//返回0-1之间的任意小数 
var rnd = Math.random(); 
//返回0-n之间的任意整数(不包括n) 
var rnd = Math.floor(Math.random() * n)

//-----------------------------------------------------------------------

·Math对象 
1. Math.abs(num) : 返回num的绝对值 
2. Math.acos(num) : 返回num的反余弦值 
3. Math.asin(num) : 返回num的反正弦值 
4. Math.atan(num) : 返回num的反正切值 
5. Math.atan2(y,x) : 返回y除以x的商的反正切值 
6. Math.ceil(num) : 返回大于num的最小整数 
7. Math.cos(num) : 返回num的余弦值 
8. Math.exp(x) : 返回以自然数为底,x次幂的数 
9. Math.floor(num) : 返回小于num的最大整数 
10.Math.log(num) : 返回num的自然对数 
11.Math.max(num1,num2) : 返回num1和num2中较大的一个 
12.Math.min(num1,num2) : 返回num1和num2中较小的一个 
13.Math.pow(x,y) : 返回x的y次方的值 
14.Math.random() : 返回0到1之间的一个随机数 
15.Math.round(num) : 返回num四舍五入后的值 
16.Math.sin(num) : 返回num的正弦值 
17.Math.sqrt(num) : 返回num的平方根 
18.Math.tan(num) : 返回num的正切值 
19.Math.E : 自然数(2.718281828459045) 
20.Math.LN2 : 2的自然对数(0.6931471805599453) 
21.Math.LN10 : 10的自然对数(2.302585092994046) 
22.Math.LOG2E : log 2 为底的自然数(1.4426950408889634) 
23.Math.LOG10E : log 10 为底的自然数(0.4342944819032518) 
24.Math.PI : π(3.141592653589793) 
25.Math.SQRT1_2 : 1/2的平方根(0.7071067811865476) 
26.Math.SQRT2 : 2的平方根(1.4142135623730951)

//-----------------------------------------------------------------------

·日期型(Date) 
1.声明 
var myDate = new Date(); //系统当前时间

var myDate = new Date(yyyy, mm, dd, hh, mm, ss); 
var myDate = new Date(yyyy, mm, dd); 
var myDate = new Date("monthName dd, yyyy hh:mm:ss"); 
var myDate = new Date("monthName dd, yyyy"); 
var myDate = new Date(epochMilliseconds);

2.获取时间的某部份 
var myDate = new Date(); 
myDate.getYear(); //获取当前年份(2位) 
myDate.getFullYear(); //获取完整的年份(4位,1970-????) 
myDate.getMonth(); //获取当前月份(0-11,0代表1月) 
myDate.getDate(); //获取当前日(1-31) 
myDate.getDay(); //获取当前星期X(0-6,0代表星期天) 
myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数) 
myDate.getHours(); //获取当前小时数(0-23) 
myDate.getMinutes(); //获取当前分钟数(0-59) 
myDate.getSeconds(); //获取当前秒数(0-59) 
myDate.getMilliseconds(); //获取当前毫秒数(0-999) 
myDate.toLocaleDateString(); //获取当前日期 
myDate.toLocaleTimeString(); //获取当前时间 
myDate.toLocaleString( ); //获取日期与时间

3.计算之前或未来的时间 
var myDate = new Date(); 
myDate.setDate(myDate.getDate() + 10); //当前时间加10天 
//类似的方法都基本相同,以set开头,具体参考第2点

4.计算两个日期的偏移量 
var i = daysBetween(beginDate,endDate); //返回天数 
var i = beginDate.getTimezoneOffset(endDate); //返回分钟数

5.检查有效日期 
//checkDate() 只允许"mm-dd-yyyy"或"mm/dd/yyyy"两种格式的日期 
if( checkDate("2006-01-01") ){ }

//正则表达式(自己写的检查 yyyy-mm-dd, yy-mm-dd, yyyy/mm/dd, yy/mm/dd 四种) 
var r = /^(\d{2}|\d{4})[\/-]\d{1,2}[\/-]\d{1,2}$/; 
if( r.test( myString ) ){ }

//-----------------------------------------------------------------------

·数组(Array) 
1.声明 
var arr = new Array(); //声明一个空数组 
var arr = new Array(10); //声明一个10个长度的数组 
var arr = new Array("Alice", "Fred", "Jean"); //用值初始化数组 
var arr = ["Alice", "Fred", "Jean"]; //用值初始化数组 
var arr = [["A","B","C"][1,2,3]]; //声明一个二(多)维数组

2.数组的访问 
arr[0] = "123"; //赋值 
var str = arr[0]; //获取 
arr[0][0] = "123"; //多维数组赋值

3.数组与字符串间的转换 
var arr = ["A","B","C","D"]; //声明

//数组按分隔符转换成字符串 
var str = arr.join("|"); //结果: "A|B|C|D"

//字符串切割成数组 
arr = str.split("|");

4.遍历数组 
for( var i=0; i<arr.length; i++ ){ alert(arr[i]); }

5.排序 
var arr = [12,15,8,9]; 
arr.sort(); //结果: 8 9 12 15

6.组合与分解数组 
var arr1 = ["A","B","C","D"]; 
var arr2 = ["1","2","3","4"];

//奖两个数组组合成一个新的数组 
var arr = arr1.concat(arr2); //结果: ["A","B","C","D","1","2","3","4"]

//将一个数组切成两个数组(参数1:起始索引,参数2:切割长度) 
var arr3 = arr.splice(1,3); //结果: arr3:["B","C","D"] arr["A","1","2","3","4"]

//将一个数组切成两个数组,并在原数组补新值 
var arr4 = arr.splice(1,3,"AA"); //结果: arr4:["B","C","D"] arr["A","AA","1","2","3","4"]

//-----------------------------------------------------------------------

·自定义对象 
1.声明: 
function myUser(uid,pwd){ 
this.uid = uid; 
this.pwd = pwd || "000000"; //默认值 
this.show = showInfo; //方法 
}

//下面的函数不是自定义对象,是自定义对象的方法.继续看下去就明白了 
function showInfo(){ 
alert("用户名:" + this.uid + ",密码:" + this.pwd) 
}

2.实例化: 
var user = new myUser("user","123456"); 
var user = {uid:"user",pwd:"123456"};

3.获取与设置 
alert("用户名是:" + user.uid); //get 
user.uid = "newuser"; //set 
user.show(); //调用show()方法

//-----------------------------------------------------------------------

·变量 函数 流程控制 
1.变量 
var i = 1; 
var i = 1, str = "hello";

2.函数 
function funName(){ 
//do something. 
} 
function funName(param1[,paramX]){ 
//do something. 
}

3.嵌套函数 
//某种情况,你需要创建一个函数本身所独有的函数. 
function myFunction(){ 
//do something. 
privateFunction(); 
function privateFunction(){ 
//do something. 
} 
}

4.匿名函数 
var tmp = function(){ alert("only test."); } 
tmp();

5.延迟函数调用 
var tId = setTimeout("myFun()",1000); //延迟1000毫秒后再调用myFun()函数 
fucntion myFun(){ 
//do something 
clearTimeout(tId); //销毁对象 
}

6.流程控制 
if( condition ){ } 
if( condition ){ } else{ } 
if( condition ){ } else if( condition ){ } else{ }

switch( expression ){ 
case valA : statement; break; 
case valB : statement; break; 
default : statement; break; 
}

7.异常捕获 
try{ expression } catch(e){ } finally{ }

//不处理任何异常 
window.onerror = doNothing; 
function doNothing(){ return true; }

//异常类可用的属性 
description : 异常描述(IE,NN) 
fileName : 异常页面URI(NN) 
lineNumber : 异常行数(NN) 
message : 异常描述(IE,NN) 
name : 错误类型(IE,NN) 
number : 错误代码(IE)

//错误信息(兼容所有浏览器) 
try{ } 
catch(e){ 
var msg = (e.message) ? e.message : e.description; 
alert(msg); 
}

8.加快脚本的执行速度 
-避免使用 eval() 函数 
-避免使用 with 关键字 
-将重复的表达式赋值精简到最小 
-在较大的对象中使用索引来查找数组 
-减少 document.write() 的使用

//-----------------------------------------------------------------------

·浏览器特征( navigator ) 
1.浏览器名称 
//IE : "Microsoft Internet Explorer" 
//NS : "Netscape" 
var browserName = navigator.appName;

2.浏览器版本 
bar browserVersion = navigator.appVersion;

3.客户端操作系统 
var isWin = ( navigator.userAgent.indexOf("Win") != -1 ); 
var isMac = ( navigator.userAgent.indexOf("Mac") != -1 ); 
var isUnix = ( navigator.userAgent.indexOf("X11") != -1 );

4.判断是否支持某对象,方法,属性 
//当一个对象,方法,属性未定义时会返回undefined或null等,这些特殊值都是false 
if( document.images ){ } 
if( document.getElementById ){ }

5.检查浏览器当前语言 
if( navigator.userLanguage ){ var l = navigator.userLanguage.toUpperCase(); }

6.检查浏览器是否支持Cookies 
if( navigator.cookieEnabled ){ }

//-----------------------------------------------------------------------

·控制浏览器窗口( window ) 
1.设置浏览器的大小 
window.resizeTo(800, 600); //将浏览器调整到800X600大小 
window.resizeBy(50, -10); //在原有大小上改变增大或减小窗口大小

2.调整浏览器的位置 
window.moveTo(10, 20); //将浏览器的位置定位到X:10 Y:20 
window.moveBy(0, 10); //在原有位置上移动位置(偏移量)

3.创建一个新的窗口 
var win = window.open("about.htm","winName","height=300,width=400");

//参数 
alwaysLowered //始终在其它浏览器窗口的后面(NN) 
alwaysRaised //始终在其它浏览器窗口的前面(NN) 
channelMode //是否为导航模式(IE) 
copyhistory //复制历史记录至新开的窗口(NN) 
dependent //新窗口随打开它的主窗口关闭而关闭(NN) 
fullscreen //全屏模式(所有相关的工具栏都没有)(IE) 
location //是否显示地址栏(NN,IE) 
menubar //是否显示菜单栏(NN,IE) 
scrollbars //是否显示滚动条(NN,IE) 
status //是否显示状态栏(NN,IE) 
toolbar //是否显示工具栏(NN,IE) 
directories //是否显示链接栏(NN,IE) 
titlebar //是否显示标题栏(NN) 
hotkeys //显示菜单快捷键(NN) 
innerHeight //内容区域的高度(NN) 
innerWidth //内容区域的宽度(NN) 
resizable //是否可以调整大小(NN,IE) 
top //窗口距离桌面上边界的大小(NN,IE) 
left //窗口距离桌面左边界的大小(NN,IE) 
height //窗口高度(NN,IE) 
width //浏览器的宽度

4.与新窗口通讯 
win.focus(); //让新窗口获得焦点 
win.document.write("abc"); //在新窗口上操作 
win.document.close(); //结束流操作 
opener.close();

5.模式窗口 
window.showModalDialog("test.htm",dialogArgs,"param"); //传递对象 
window.showModelessDialog("test.htm",myFunction,"param"); //传递函数 
window.dialogArguments //对话框访问父窗口传递过来的对象 
window.returnValue //父窗口获取对话框返回的值

//参数 
center //窗口居中屏幕 
dialogHeight //窗口高度 
dialogWidth //窗口宽度 
dialogTop //窗口距离屏幕的上边距 
dialogLeft //窗口距离屏幕的左边距 
edge //边框风格(raised|sunken) 
help //显示帮助按钮 
resizable //是否可以改变窗口大小 
status //是否显示状态栏

//例子 
<script> 
function openDialog(myForm) { 
var result = window.showModalDialog("new.html",myForm,"center"); 
} 
</script> 
<form action="#" onsubmit="return false"> 
<input type="text" id="txtId"> 
<input type="button" id="btnChk" value="验证是否可用" onclick="openDialog(this.form);"> 
</form>

//另一个页面new.html 
<script> 
window.dialogArguments.btnChk.enabled = false; //将父窗口中的按钮设置为不可用 
//do something to check the Id. 
window.write("用户ID: " + window.dialogArguments.txtId.value + " 可使用!"); //获取文本框的值 
</script>

//-----------------------------------------------------------------------

·管理框架网页( frames ) 
1.创建一个框架架构网页 
<html> 
<frameset rows="50, *"> 
<frame name="header" src="header.html"> 
<frame name="main" src="main.html"> 
</frameset> 
</html>

2.访问框架网页 
window.frames[i] 
window.frames["frameName"] 
window.frameName

window.frames["frameName"].frames["frameName2"] 
parent.frames["frameName"] 
top.frames["frameName"]

3.将某一页面定向到某框架 
<a href="new.html" target="main"> 
location = "new.html"; 
parent.frameName.location.href = "new.html"; 
top.frameName.location = "new.html";

4.强制不让其它框架引用某页面 
if (top != self) { 
top.location.href = location.href; 
}

5.更改框架的大小 
document.framesetName.rows = "50,*"; 
document.framesetName.cols = "50,*";

6.动态创建框架网页 
var frag = document.createDocumentFragment( ); 
var newFrame= document.createElement("frame"); 
newFrame.id = "header"; 
newFrame.name = "header"; 
newFrame.src="header.html" 
frag.appendChild(newFrame); 
newFrame = document.createElement("frame"); 
newFrame.id = "main"; 
newFrame.name = "main"; 
newFrame.src="main.html" 
frag.appendChild(newFrame); 
document.getElementById("masterFrameset").rows = "50,*";

//-----------------------------------------------------------------------

时间： 2024-11-05 22:47:27

js 变量类型、相互转换的相关文章

JS—变量类型

<html> <head> <title>03-JS变量类型</title> <!-- 设置编码 --> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <script type="text/javascript"> /*java中的变量分类: 基本数据类型 引用数据类型 js中

js变量类型及检查

一.变量的类型 JavaScript 有六种数据类型.主要的类型有 Number.String.object 以及 Boolean 类型,其他两种类型为 null 和 undefined.var obj = {x:[1,2],y:23};//Object类型 i=100;//Number类型 i="variable";//String类型 i={x:4};//Object类型 i=[1,2,3];//Array类型var men = true; // Boolean 类型.变量命名:J

cocos2d JS 函数类型相互转换(字符串、整形、浮点形、布尔值)

工作忙好些天了,近段时间抽点空分享一下自己学习JS的一点笔记心得做点记录,大神勿喷,谢谢! p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 18.0px "PingFang SC" } span.s1 { font: 18.0px Helvetica } 1.字符串的转化 1 var found = false; 2 console.log(found.toString()); //输出 false 3 4 var num1 = 10; 5

js变量类型

js中有null和undefined,null是指对象不存在,undefined是指原生数据不存在 var h = {name:'lisi',age:28};console.log(h.name)//对象用的是点语法,php中是name->'lisi' 下面是数组,数组用的是[]语法 1 var arr = ['a',3,'hello',true]; 2 console.log(arr); 3 //显示结果为 4 ["a", 3, "hello", true]

判断JS变量类型

function getType(o) { var _t; return ((_t = typeof(o)) == "object" ? Object.prototype.toString.call(o).slice(8,-1):_t).toLowerCase(); }

转战JS(1) 初探与变量类型、运算符、常用函数与转换

转战JS(1)初探与变量类型.运算符.常用函数与转换 做为一名.NET后台开发人员,正考滤向Web前端开发转型,之前也写过一代前端代码,可是当再回头看JS,并有转向它的意愿的时候,突然发现:原来JS不是那么简单的.很多的细节部分以前都没有注意到,现在把学习的知识点记录下来,做为学习笔记,好时不时看看.如果有什么错误,还请各位看官多多包涵.多多指正. JavaScript是一门轻量型的面向Web编程的脚本言语言,常被简称为:JS.广泛应用于PC和各种移动设备中,常和HTML.CSS一起组成网页页面

js基础之变量类型

js的基本变量类型包括number,string,boolean,undefined,function,object,可用typeof展示出来.且js的变量类型是有所存的数据决定的.对于undefined类型是由于未声明或声明了为赋值产生的. <script> //number var a = 12; var b; //string // a = 'abc'; //boolean // a = true; //object // a = document.getElementById('div

JS 中对变量类型的判断

总结:1. 一般简单的使用 typeof 或 instanceof 检测(这两种检测的不完全准确)          2. 完全准确的使用 原生js中的 Object.prototype.toString.call  或 jquery中的 $.type 检测 在 JS 中,有 5 种基本数据类型和 1 种复杂数据类型,基本数据类型有:Undefined, Null, Boolean, Number和String:复杂数据类型是Object,Object中还细分了很多具体的类型,比如:Array,

js声明引入和变量声明和变量类型、变量

问题: 在网页的发展历程中,发现网页不能对用户的数据进行自动校验,和提供一些特效. 解决: 使用javascript. 作用 可以让网页和用户进行直接简单的交互. 可以让网页制作特效和动画. 声明js代码域 1.<script type="text/javascript"></script> 2.<script src="js/my.js" type="text/javascript" charest="u