每天一篇javascript学习小结(基础知识)_javascript技巧
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; //2 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
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"); //1234 var num2 = parseInt(""); //NaN 字符''无法转换成数字 var num3 = parseInt("0xA"); //10 - hexadecimal 16进制的A var num4 = parseInt(22.5); //22 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"); //11 var num4 = Number(true); //1
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); //30 alert(5 * NaN); //NaN alert(Infinity * 0); //NaN alert(Infinity * 2); //Infinity alert("5" * 5); //25 alert(true * 10); //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("
"); }
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
在上面的例子中,标签 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
在上例中,continue 语句会迫使循环继续,不止是内部循环,外部循环也如此。当 j 等于 5 时出现这种情况,意味着内部循环将减少 5 次迭代,致使 iNum 的值为 95。
提示:可以看出,与 break 和 continue 联合使用的有标签语句非常强大,不过过度使用它们会给调试代码带来麻烦。要确保使用的标签具有说明性,同时不要嵌套太多层循环。
以上就是今天的javascript学习小结,之后每天还会继续更新,希望大家继续关注。
上一篇: Vue为什么不能检测数组变动?原因如这些
下一篇: js基础知识点总结分享
推荐阅读
-
写给想学习Javascript的朋友一点学习经验小结_基础知识
-
写给想学习Javascript的朋友一点学习经验小结_基础知识
-
javascript Array对象基础知识小结_javascript技巧
-
每天一篇javascript学习小结(Boolean对象)_javascript技巧
-
Javascript入门学习第一篇 js基础_基础知识
-
每天一篇javascript学习小结(RegExp对象)_javascript技巧
-
javascript基础知识大全 便于大家学习,也便于我自己查看_javascript技巧
-
Javascript BOM学习小结(六)_javascript技巧
-
JavaScript 学习笔记一些小技巧_基础知识
-
每天一篇javascript学习小结(Array数组)_javascript技巧