码迷,mamicode.com
首页 > Web开发 > 详细

2014.7.14 js基础总结

时间:2015-07-15 01:09:38      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:

数据类型:字符串(string) 布尔(Boolean) Array(数组) function(方法) Number(数值) Date(日期)  Object(对象) ExpReg(正则表达式)

Undefined(没有初始化  没有明确返回值)

Null(空对象)

 

typeof()运算符:

  var arr = "str";

  alert(typeof(arr));                      //判断数据类型是什么

 

字符、字符串:

var str  = "1234";

alert(str.length);                        // length属性表示字符串的长度

 

var str="what is?"                        //split()方法:用来分隔字符串,得到是一个字符串数组

document.write(str.split(" "));   //what,is?

document.write(str.split(""));   //w,h,a,t,,i,s?

document.write(str.split(" ",1));   //what

 

var str="Hello world!";                           //substr()方法:字符串中提取一些字符
document.write(str.substr(3));                        //从str中第3位字符开始提取

 

var str="Hello World!";                          //字符的大小写转换
document.write(str.toUpperCase());                    //toUpperCase()方法转换为大写
document.write(str.toLowerCase());                    //toLowerCase()方法转换为小写

 

var str="Hello  world!";             //indexOf() 方法:可返回某个指定的字符串值在字符串中首次出现的位置,如果没有则返回-1
document.write(str.indexOf("Hello") + "<br />");           //0
document.write(str.indexOf("b") + "<br />");             //=1
document.write(str.indexOf("world"));                  //6

 

var str="Helloworld!";                 //substring() 方法用于提取字符串中介于两个指定下标之间的字符。
document.write(str.substring(3, 6));                //从第3个字符开始提取它们之间的差值  eg. low

 

Array(数组):

 

var arr = new Array(1, 2, 3);                      
var arr1 = new Array("a", "b", "c");
var arr2 = new Array(true, true, true);              

                         //push()方法可向数组的末尾添加一个或多个元素,并返回新的长度。

alert(arr.push(4,8));             //在数组的末尾添加值,可以是一个或多个,中间用,分隔  eg. 5 

 

 

var str = arr.join(" -/0/+ ");                    //jion()连接数组元素,中间有分隔符 eg. 1-2-3/10203/1+2+3  
// alert(str);

 

 

  alert(arr.reverse());                  //reverse()颠倒数组的顺序 eg. 3,2,1

 

var arr = new Array(6);
arr[0] = "A";
arr[1] = "B";                      //splice() 方法用于插入、删除或替换数组的元素。

arr[2] = "C";                      

arr[3] = "D";

arr[4] = "E";
arr[5] = "F";
arr.splice(3,2, "test");              //从arr[3]开始删除一共2个元素,再增加test  eg.A,B,C,test,F
alert(arr);

 

alert(arr.concat(arr1, arr2));            //concat()方法连接两个或多个数组  eg.1,2,3,a,b,c,true,true,true

 

Date(日期):

 

var today = new Date();                    //当前年月日
var year = today.getFullYear();
var month = today.getMonth();
var day = today.getDate();
var hours = today.getHours();
var mins = today.getMinutes();
var s = today.getSeconds();
var str = year + "年" + (month + 1) + "月" + day + "日" + hours;
alert(str);

 

URL编码:

var str = encodeURI("http://www.baidu.com/JAVA SCRIPT/测试");    //可把字符串作为URL进行编码
var str1 = decodeURI(str);                            //可对 encodeURI() 函数编码过的 URI 进行解码。
var str = encodeURIComponent("http://www.baidu.com?username=测试");      //可把字符串作为 URI 组件进行编码。
var str1 = decodeURIComponent(str);                //可对 encodeURIComponent() 函数编码的 URI 进行解码。
alert(str1);

 

eval()函数:

eval("x=10;y=20;document.writeln(x*y);");    //eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码,使用并不多 

                         //运算从上往下   200

document.writeln(eval("2+2"));          //4                    eg. 200 4 27

var x=10;                  
document.writeln(eval(x+17));            //27

 

Math(极值):

 

var max = Math.max(1, 2, 3);              //Max()最大值  eg.3
alert(max);

 

var min = Math.min(1, 2, 3);              //Min()最小值 eg.1
alert(min);

 

 

 

 

var r1 = Math.round(13.6);                  //round()四舍五入 eg.14
alert(r1);

 

var r = parseInt(Math.random() * 1000);           //random()随机值  eg.1000以内的随机数
alert(r);

 

NaN的用法:


<input id="txt" type="text"/>
<input id="btn" type="button" value="点我"/>

<script type="text/javascript">
var txt = document.getElementById("txt");            //使用 isNaN() 来判断一个值是否是数字。原因是 NaN 与所有值都不相等,包括它自己。
var btn = document.getElementById("btn");
btn.onclick = function () {
if(!isNaN(txt.value)) {
var num = parseInt(txt.value);
alert(num * num);
} else {
alert("请输入合法的数字!!");
}
}
</script>

2014.7.14 js基础总结

标签:

原文地址:http://www.cnblogs.com/zjy0616/p/4647008.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!