javascript 学习总结(一)
1、字符转换
var s1 = "01";
var s2 = "1.1";
var s3 = "z";//字母'z'无法转换为数字,所以或返回NaN
var b = false;
var f = 1.1;
var o = {
valueOf: function() {
return -1;
}
}; s1 = -s1; //value becomes numeric -1
s2 = -s2; //value becomes numeric -1.1
s3 = -s3; //value becomes NaN
b = -b; //value becomes numeric 0
f = -f; //change to -1.1
o = -o; // 1 先执行对象的valueOf()方法返回-1,--1为1
o = +o;//-1 o的valueOf()值为-1,+-1还是-1
2、特殊字符运算
var result1 = 5 - true; //4 because true is converted to 1
var result2 = NaN - 1; //NaN NaN不是一个数字,和任何数字做任何运算都是NaN
var result3 = 5 - 3; //
var result4 = 5 - ""; //5 because "" is converted to 0
var result5 = 5 - "2"; //3 because "2" is converted to 2
var result6 = 5 - null; //5 because null is converted to 0
3、变量转字符串运算
var value1 = 10;
var value2 = true;
var value3 = null;
var value4;//value4 没有赋值就是underfined 转换为字符串就是'underfined' alert(String(value1)); //"10"
alert(String(value2)); //"true"
alert(String(value3)); //"null"
alert(String(value4)); //"undefined"
4、数字的进制转换
var num = 10;
alert(num.toString()); //"10"默认十进制
alert(num.toString(2)); //"1010"二进制
alert(num.toString(8)); //"12"八进制
alert(num.toString(10)); //"10"十进制
alert(num.toString(16)); //"a"十六进制
5、字符串比较运算
var result1 = 5 > 3; //true
var result2 = 5 < 3; //false
var result3 = "Brick" < "alphabet"; //true 字符串比较按照字母表顺序进行比较 小写字母在大写字母后面
var result4 = "Brick".toLowerCase() < "alphabet".toLowerCase(); //false字母表顺序比较
var result5 = "23" < "3"; //true 字符2小于字符3
var result6 = "23" < 3; //false 此时'23'转换成23了
var result7 = "a" < 3; //false because "a" becomes NaN 字符'a'无法转换成数字
var result8 = NaN < 3; //false NaN 和任何数字比较,都无法转换成数字,所以一直是false
var result9 = NaN >= 3; //false
6、字符进制转换
var num1 = parseInt("AF", 16); //175 按照16进制输出十进制数据 10*16+15*1
var num2 = parseInt("AF"); //NaN 没有指定进制,默认按照10进制转换,由于AF不在十进制范围,返回NaN alert(num1);
alert(num2);
7、parseInt的使用
var num1 = parseInt("1234blue"); //
var num2 = parseInt(""); //NaN 字符''无法转换成数字
var num3 = parseInt("0xA"); //10 - hexadecimal 16进制的A
var num4 = parseInt(22.5); //
var num5 = parseInt("70"); //70 - decimal
var num6 = parseInt("0xf"); //15 16进制为15
8、Number对象的使用
var num1 = Number("Hello world!"); //NaN
var num2 = Number(""); //0 空字符串可以转换成0 这个parseInt()不一样
var num3 = Number("000011"); //
var num4 = Number(true); //
9、NaN用法
alert(NaN == NaN); //false
alert(isNaN(NaN)); //true
alert(isNaN(10)); //false ?10 is a number
alert(isNaN("10")); //false ?can be converted to number 10
alert(isNaN("blue")); //true ?cannot be converted to a number
alert(isNaN(true)); //false ?can be converted to number 1
10、系统最大数字
var result = Number.MAX_VALUE + 1;
alert(isFinite(result)); // false
11、Infinity无穷大
alert(5 * 6); //
alert(5 * NaN); //NaN
alert(Infinity * 0); //NaN
alert(Infinity * 2); //Infinity
alert("5" * 5); //
alert(true * 10); //
alert(false * 10); //0
alert(26 % 5); //1
alert(Infinity % 3); //NaN
alert(3 % 0); //NaN
alert(5 % Infinity); //5
alert(0 % 10); //0
alert(true % 25); //1
alert(3 % false); //NaN
12、for in 循环
for (var propName in window) {
document.write(propName);
document.write("<br />");
}
13、特殊字符比较
alert(null == undefined); //true
alert(null === undefined); //false alert("NaN" == NaN); //false
alert("NaN" === NaN); //false
alert(NaN == NaN); //false
alert(NaN === NaN); //false
alert(NaN != NaN); //true
alert(NaN !== NaN); //true alert(false == 0); //true
alert(false === 0); //false
alert(true == 1); //true
alert(true === 1); //false alert(null == 0); //false
alert(undefined == 0); //false alert(5 == "5"); //true
alert(5 === "5"); //false
14、Boolean对象
var message = "Hello world!";
var messageAsBoolean = Boolean(message); alert(messageAsBoolean); //true
15、for循环与标签一起使用
break 语句和 continue 语句都可以与有标签的语句联合使用,返回代码中的特定位置。
通常,当循环内部还有循环时,会这样做,例如:
var num = 0;
//返回到特定的位置
outermost:
for (var i=0; i < 10; i++) {
for (var j=0; j < 10; j++) {
if (i == 5 && j == 5) {
break outermost;
}
num++;
}
} alert(num); //55
在上面的例子中,标签 outermost 表示的是第一个 for 语句。正常情况下,每个 for 语句执行 10 次代码块,这意味着 num++ 正常情况下将被执行 100 次,在执行完成时,num应该等于 100。这里的 break 语句有一个参数,即停止循环后要跳转到的语句的标签。这样 break 语句不止能跳出内部 for 语句(即使用变量 j 的语句),还能跳出外部 for 语句(即使用变量 i 的语句)。因此,num最后的值是 55,因为当 i 和 j 的值都等于 5 时,循环将终止。
可以以相同的方式使用 continue 语句:
var iNum = 0; outermost:
for (var i=0; i<10; i++) {
for (var j=0; j<10; j++) {
if (i == 5 && j == 5) {
continue outermost;
}
iNum++;
}
} alert(iNum); //输出 "95"
在上例中,continue 语句会迫使循环继续,不止是内部循环,外部循环也如此。当 j 等于 5 时出现这种情况,意味着内部循环将减少 5 次迭代,致使 iNum 的值为 95。
提示:可以看出,与 break 和 continue 联合使用的有标签语句非常强大,不过过度使用它们会给调试代码带来麻烦。要确保使用的标签具有说明性,同时不要嵌套太多层循环。
javascript 学习总结(一)的更多相关文章
- 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 ...
随机推荐
- [ACM] POJ 2342 Anniversary party (树DP获得冠军)
Anniversary party Time Limit: 1000MS Memory Limit: 65536K Total Submissions: 4410 Accepted: 2496 ...
- OpenWRT GPIO人口控制 WLED
Linux根据系统GPIO系统架构简介 关于这个GPIO我一直认为非常非常长的时间easy.但.当你需要给一个特定的系统,参与这些GPIO什么时候.你会找到.不对,实例,mt7620n. GPIO#7 ...
- 安装程序添加iis的方法经验分享
原文:安装程序添加iis的方法经验分享 网上有一些这样的方法,但我这里主要做一些对比和扩充 网上这方面的文章的岁数比较大,server 08R2和win7出来后,整理这方面的资料的文章没找到,所以这里 ...
- 一个IT学生的personal statement
前一段时间的英语老师要求我们写一个自己的personal statement,我相信,作为一个IT学生,人很多personal statement应该都了如指掌.进一步的研究是必要的出国留学,当然,也 ...
- ABP领域层——实体
ABP领域层——实体 基于DDD的现代ASP.NET开发框架--ABP系列之10.ABP领域层——实体 ABP是“ASP.NET Boilerplate Project (ASP.NET样板项目)”的 ...
- 自定义View视图
自定义View视图文件查找逻辑 之前MVC5和之前的版本中,我们要想对View文件的路径进行控制的话,则必须要对IViewEngine接口的FindPartialView或FindView方法进行重写 ...
- 运用TWaver 3D 矢量图形处理能力
的确,提起TWaver,大家想到的首先是"电信拓扑图组件".事实上.因为其灵活的MVC架构.矢量化设计.方便定制等特点.TWaver能够做的还有非常多.比如房地产行业常见到的&qu ...
- linux_安装_安装编译phantomjs 2.0的方法_转
项目中要对数据公式webkit渲染,phantmjs 2.0的效果好比1.9好不少. 安装过程中 坑比较多. 转载文章: phantomjs 2.0最新版的官方不提供编译好的文件下载,只能自己编译,有 ...
- JavaEE Tutorials (1) - 概述
1.1 Java EE 7平台新增特性3 1.2 Java EE应用模型3 1.3 分布式多层应用4 1.3.1 安全4 1.3.2 Java EE组件5 1.3.3 Java EE客户端6 1.3. ...
- 插件式Web框架
转载构建高性能插件式Web框架 基于MVC插件模式构建支持数据库集群.数据实时同步.数据发布与订阅的Web框架系统.如下图: 1.基于插件式开发 采用插件模式开发的优点是使得系统框架和业务模式有效地进 ...