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 ...
随机推荐
- Android 根据规划 Touch 分配和消费机制的事件
Android 中与 Touch 事件相关的方法包含:dispatchTouchEvent(MotionEvent ev).onInterceptTouchEvent(MotionEvent ev). ...
- “jquery于each方法和选择”学习笔记
<head> <title></title> <script src="jquery-1.4.2.js" type="text/ ...
- Session中StateServer的使用方法
最近项目中用到 Session的StateServer模式,我们知道sessionState有四种模式:off,inProc,StateServer,SqlServer. 而StateServer 是 ...
- 为什么 Linux Mint 比 Ubuntu好?
Linux Mint由Linux Mint Team团队于2006年开始发行,是一份基于Debian和Ubuntu的Linux发行版.其目标是提供一种更完整的即刻可用体验,这包括提供浏览器插件.多媒体 ...
- SharePoint 2010 中创建超链接到Pop-Up对话框
SharePoint 2010 中创建超链接到Pop-Up对话框 SharePoint 2010 推出了新式的带有阴影的弹出对话框,你感觉怎么样?我感觉倒是挺酷的.这样少打开了一个页面 ...
- LeetCodeOJ. Maximum Depth of Binary Tree
见问题: https://oj.leetcode.com/problems/maximum-depth-of-binary-tree/ 主题概述 Given a binary tree, find i ...
- 删除句子UITableView额外的底线和切割线
于viewDidLoad添加代码功能句子: self.tableView.tableFooterView = [[UIView alloc] initWithFrame:CGRectZero]; 它可 ...
- 经典算法题每日演练——第六题 协同推荐SlopeOne 算法
原文:经典算法题每日演练--第六题 协同推荐SlopeOne 算法 相信大家对如下的Category都很熟悉,很多网站都有类似如下的功能,“商品推荐”,"猜你喜欢“,在实体店中我们有导购来为 ...
- 10分钟学会Linux
10分钟学会Linux有点夸张,可是能够让一个新手初步熟悉Linux中最重要最主要的知识,本文翻译的英文网页在众多Linux入门学习的资料中还是很不错的. 英文地址:http://freeengine ...
- hdu2191 悼念512汶川大地震遇难同胞——珍惜如今,感恩生活
转载请注明出处:http://blog.csdn.net/u012860063 题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=2191 Problem ...