js入门3

最新推荐文章于 2022-09-18 22:11:02 发布

都柏林往事

最新推荐文章于 2022-09-18 22:11:02 发布

阅读量134

点赞数

分类专栏： web 文章标签： js

原文链接：https://www.w3school.com.cn

版权

web 专栏收录该内容

20 篇文章 1 订阅

订阅专栏

JavaScript 日期
实例

var d = new Date();

JavaScript 日期输出
默认情况下，JavaScript 将使用浏览器的时区并将日期显示为全文本字符串：
Tue Apr 02 2019 09:01:19 GMT+0800 (中国标准时间)
创建 Date 对象
Date 对象由新的 Date() 构造函数创建。

有 4 种方法创建新的日期对象：
new Date()
new Date(year, month, day, hours, minutes, seconds, milliseconds)
new Date(milliseconds)
new Date(date string)

日期对象是静态的。计算机时间正在滴答作响，但日期对象不会。
注释：JavaScript 从 0 到 11 计算月份。
一月是 0。十二月是11。
6个数字指定年、月、日、小时、分钟、秒：
实例

var d = new Date(2018, 11, 24, 10, 33, 30);

5个数字指定年、月、日、小时和分钟：
实例

var d = new Date(2018, 11, 24, 10, 33);

4个数字指定年、月、日和小时：
实例

var d = new Date(2018, 11, 24, 10);

3 个数字指定年、月和日：
实例

var d = new Date(2018, 11, 24);

2个数字指定年份和月份：
实例

var d = new Date(2018, 11);

不能省略月份。如果只提供一个参数，则将其视为毫秒。
实例
var d = new Date(2018);

toUTCString() 方法将日期转换为 UTC 字符串（一种日期显示标准）。
实例

var d = new Date();
document.getElementById("demo").innerHTML = d.toUTCString();

toDateString() 方法将日期转换为更易读的格式：
实例

var d = new Date();
document.getElementById("demo").innerHTML = d.toDateString();

有四种 JavaScript 日期输入格式：
类型实例

ISO 日期	"2018-02-19" （国际标准）
短日期	"02/19/2018" 或者 "2018/02/19"
长日期	"Feb 19 2018" 或者 "19 Feb 2019"
完整日期	"Monday February 25 2015"
ISO 格式遵守 JavaScript 中的严格标准。

其他格式不太明确，可能是浏览器特定的。
无论输入格式如何，JavaScript 默认将输出全文本字符串格式：
Mon Feb 19 2018 06:00:00 GMT+0800 (中国标准时间)

时区
在设置日期时，如果不规定时区，则 JavaScript 会使用浏览器的时区。
当获取日期时，如果不规定时区，则结果会被转换为浏览器时区。
换句话说，假如日期/时间以 GMT（格林威治标准时间）创建，该日期/时间将被转换为 CST（中国标准时间），如果用户从中国进行浏览。

JavaScript 短日期
短日期通常使用 “MM/DD/YYYY” 这样的语法：
实例

var d = new Date("02/19/2018");

日期获取方法

JavaScript Math 对象
Math.PI 返回圆周长与直径的比率：
3.141592653589793
Math.round()
Math.round(x) 的返回值是 x 四舍五入为最接近的整数：
实例

Math.round(6.8);    // 返回 7
Math.round(2.3);    // 返回 2

Math.pow()

Math.pow(x, y) 的返回值是 x 的 y 次幂：

实例

Math.pow(8, 2); // 返回 64

Math.sqrt()

Math.sqrt(x) 返回 x 的平方根：

实例
Math.sqrt(64); // 返回 8
Math.abs()

Math.abs(x) 返回 x 的绝对（正）值：

实例
Math.abs(-4.7); // 返回 4.7
Math.ceil()

Math.ceil(x) 的返回值是 x 上舍入最接近的整数：

Math.floor()

Math.floor(x) 的返回值是 x 下舍入最接近的整数：

实例

Math.floor(2.7);    // 返回 2

Math.sin()

Math.sin(x) 返回角 x（以弧度计）的正弦（介于 -1 与 1 之间的值）。

如果您希望使用角度替代弧度，则需要将角度转换为弧度：

Angle in radians = Angle in degrees x PI / 180.

实例

Math.sin(90 * Math.PI / 180);     // 返回 1（90 度的正弦）
Math.cos()
Math.cos(x) 返回角 x（以弧度计）的余弦（介于 -1 与 1 之间的值）。

如果希望使用角度替代弧度，则需要将角度转换为弧度：

Angle in radians = Angle in degrees x PI / 180.

实例

Math.cos(0 * Math.PI / 180);     // 返回 1（0 度的余弦）
Math.min() 和 Math.max()

Math.min() 和 Math.max() 可用于查找参数列表中的最低或最高值：

实例

Math.min(0, 450, 35, 10, -8, -300, -78);  // 返回 -300

实例

Math.max(0, 450, 35, 10, -8, -300, -78);  // 返回 450
Math.random()
Math.random() 返回介于 0（包括） 与 1（不包括） 之间的随机数：

实例

Math.random();     // 返回随机数

Math 属性（常量）
JavaScript 提供了可由 Math 对象访问的 8 个数学常量：

实例
Math.E // 返回欧拉指数（Euler’s number）
Math.PI // 返回圆周率（PI）
Math.SQRT2 // 返回 2 的平方根
Math.SQRT1_2 // 返回 1/2 的平方根
Math.LN2 // 返回 2 的自然对数
Math.LN10 // 返回 10 的自然对数
Math.LOG2E // 返回以 2 为底的 e 的对数（约等于 1.414）
Math.LOG10E // 返回以 10 为底的 e 的对数（约等于0.434）
、、、、、、、、
JavaScript 随机
Math.random()
Math.random() 返回 0（包括）至 1（不包括）之间的随机数：
实例
Math.random(); // 返回随机数

Math.random() 总是返回小于 1 的数。

JavaScript 随机整数
Math.random() 与 Math.floor() 一起使用用于返回随机整数。
实例

Math.floor(Math.random() * 10);		// 返回 0 至 9 之间的数

Math.floor(Math.random() * 11);		// 返回 0 至 10 之间的数

实例

Math.floor(Math.random() * 100);	// 返回 0 至 99 之间的数

实例

Math.floor(Math.random() * 101);	// 返回 0 至 100 之间的数

实例

Math.floor(Math.random() * 10) + 1;	// 返回 1 至 10 之间的数

实例

Math.floor(Math.random() * 100) + 1;	// 返回 1 至 100 之间的数

一个适当的随机函数
正如从上面的例子看到的，创建一个随机函数用于生成所有随机整数是一个好主意。
这个 JavaScript 函数始终返回介于 min（包括）和 max（不包括）之间的随机数：
实例

function getRndInteger(min, max) {
    return Math.floor(Math.random() * (max - min) ) + min;
}

这个 JavaScript 函数始终返回介于 min 和 max（都包括）之间的随机数：
实例

function getRndInteger(min, max) {
    return Math.floor(Math.random() * (max - min + 1) ) + min;

JavaScript 逻辑
JavaScript 布尔（逻辑）代表两个值之一：true 或 false。
布尔值
通常，在编程中，您会需要只能有两个值之一的数据类型，比如

YES / NO
ON / OFF
TRUE / FALSE
鉴于此，JavaScript 提供一种布尔数据类型。它只接受值 true 或 false。
Boolean() 函数
可以使用 Boolean() 函数来确定表达式（或变量）是否为真：
实例
Boolean(10 > 9) // 返回 true
或者甚至更简单：
实例

(10 > 9)              // 也返回 true
10 > 9                // 也返回 true

比较和条件
下面是一些例子：

运算符描述实例
== 等于 if (day == “Monday”)

大于 if (salary > 9000)
< 小于 if (age < 18)
表达式的布尔值是 JavaScript 比较和条件的基础。
所有具有“真实”值的即为 True
所有不具有“真实”值的即为 False

0（零）的布尔值为 false：
var x = 0;
Boolean(x);       // 返回 false
-0 （负零）的布尔值为 false
var x = -0;
Boolean(x);       // 返回 false

""（空值）的布尔值为 false：
var x = "";
Boolean(x);       // 返回 false
undefined 的布尔值是 false：
var x;
Boolean(x);       // 返回 false
null 的布尔值是 false：
var x = null;
Boolean(x);       // 返回 false
false 的布尔值是 false：
var x = false;
Boolean(x);       // 返回 false
NaN 的布尔值是 false：
var x = 10 / "H";
Boolean(x);       // 返回 false

布尔可以是对象
通常 JavaScript 布尔是由字面量创建的原始值：

var x = false

但是布尔也可以通过关键词 new 作为对象来定义：
var y = new Boolean(false)
实例

var x = false;
var y = new Boolean(false);
// typeof x 返回 boolean
// typeof y 返回 object

不要创建布尔对象。它会拖慢执行速度。
new 关键词会使代码复杂化，并产生某些意想不到的结果：
当使用 == 运算符时，相等的布尔是相等的：
实例

var x = false;             
var y = new Boolean(false);
// (x == y) 为 true，因为 x 和 y 拥有相等的值

不要创建布尔对象。它会拖慢执行速度。
new 关键词会使代码复杂化，并产生某些意想不到的结果：
当使用 == 运算符时，相等的布尔是相等的：
实例

var x = false;             
var y = new Boolean(false);
// (x == y) 为 true，因为 x 和 y 拥有相等的值

JavaScript 比较和逻辑运算符
比较和逻辑运算符用于测试 true 或 false。
在这里插入图片描述
比较运算符可用在条件语句中对值进行比较，并根据结果采取动作：
if (age < 18) text = “太年轻”;

如果变量 age 的值小于 18，变量 voteable 的值将是 “太年轻”，否则变量 voteable 的值将是 “足够成熟”。
比较不同的类型
比较不同类型的数据也许会出现不可预料的结果。

如果将字符串与数字进行比较，那么在做比较时 JavaScript 会把字符串转换为数值。空字符串将被转换为 0。非数值字符串将被转换为始终为 false 的 NaN。
在这里插入图片描述
当比较两个字符串时，“2” 大于 “12”，因为（按照字母排序）1 小于 2。
为了确保正确的结果，在比较值前应该把变量转换为合适的类型：

age = Number(age);
if (isNaN(age)) {
    voteable = "输入错误";
} else {
    voteable = (age < 18) ? "太年轻" : "足够成熟";
}

JavaScript If…Else 语句
条件语句用于基于不同条件执行不同的动作。
写代码时，经常会需要基于不同判断执行不同的动作。
可以在代码中使用条件语句来实现这一点。
在 JavaScript 中，我们可使用如下条件语句：
使用 if 来规定要执行的代码块，如果指定条件为 true
使用 else 来规定要执行的代码块，如果相同的条件为 false
使用 else if 来规定要测试的新条件，如果第一个条件为 false
使用 switch 来规定多个被执行的备选代码块

if 语句
请使用 if 语句来规定假如条件为 true 时被执行的 JavaScript 代码块。
语法

if (条件) {
    如果条件为 true 时执行的代码
} 
注释：if 使用小写字母。大学字母（IF 或 If）会产生 JavaScript 错误。

实例

如果时间早于 18:00，则发出 "Good day" 的问候：
if (hour < 18) {
    greeting = "Good day";
}
如果时间早于 18 点，则 greeting 的结果将是：
Good day

else 语句
请使用 else 语句来规定假如条件为 false 时的代码块。

if (条件) {
    条件为 true 时执行的代码块
} else { 
    条件为 false 时执行的代码块
}

实例

如果 hour 小于 18，创建 "Good day" 问候，否则 "Good evening"：
if (hour < 18) {
    greeting = "Good day";
 } else {
    greeting = "Good evening";
 } 
greeting 的结果：
Good evening

else if 语句
请使用 else if 来规定当首个条件为 false 时的新条件。
语法

if (条件 1) {
    条件 1 为 true 时执行的代码块
} else if (条件 2) {
    条件 1 为 false 而条件 2 为 true 时执行的代码块
 } else {
    条件 1 和条件 2 同时为 false 时执行的代码块
}

实例

如果时间早于 10:00，则创建 "Good morning" 问候，如果不是，但时间早于 18:00，则创建 "Good day" 问候，否则创建 "Good evening"：
if (time < 10) {
    greeting = "Good morning";
 } else if (time < 18) {
    greeting = "Good day";
 } else {
    greeting = "Good evening";
 } 
greeting 的结果：
Good day

JavaScript Switch 语句
switch 语句用于基于不同条件执行不同动作。
JavaScript Switch 语句
请使用 switch 语句来选择多个需被执行的代码块之一。
语法

switch(表达式) {
     case n:
        代码块
        break;
     case n:
        代码块
        break;
     default:
        默认代码块
}

代码解释：
计算一次 switch 表达式
把表达式的值与每个 case 的值进行对比
如果存在匹配，则执行关联代码
实例
getDay() 方法返回 0 至 6 之间的周名数字（weekday number）。
(Sunday=0, Monday=1, Tuesday=2 …)
本例使用周名数字来计算周的名称：

switch (new Date().getDay()) {
    case 0:
        day = "星期天";
        break;
    case 1:
        day = "星期一";
         break;
    case 2:
        day = "星期二";
         break;
    case 3:
        day = "星期三";
         break;
    case 4:
        day = "星期四";
         break;
    case 5:
        day = "星期五";
         break;
    case 6:
        day = "星期六";
} 
结果将是：
今天是星期天

break 关键词
如果 JavaScript 遇到 break 关键词，它会跳出 switch 代码块。
此举将停止代码块中更多代码的执行以及 case 测试。
如果找到匹配，并完成任务，则随机中断执行（break）。无需更多测试。
break 能够节省大量执行时间，因为它会“忽略” switch 代码块中的其他代码的执行。
不必中断 switch 代码块中的最后一个 case。代码块在此处会自然结束。
default 关键词
default 关键词规定不存在 case 匹配时所运行的代码：
实例
getDay() 方法返回 0 至 6 的数字周名。

如果今日既不是周六（6）也不是周日（0），则输出一段默认消息：
switch (new Date().getDay()) {
    case 6:
        text = "今天是周六";
        break; 
    case 0:
        text = "今天是周日";
        break; 
    default: 
        text = "期待周末~";
} 
text 的结果是：
今天是周日

默认的 case 不必是 switch 代码块中最后一个 case：
实例

switch (new Date().getDay()) {
    default: 
        text = "期待周末！";
         break;
    case 6:
        text = "今天是周六";
        break; 
    case 0:
        text = "今天是周日";
}

如果 default 不是 switch 代码块中最后一个 case，请记得用 break 结束默认 case。
常见的代码块
有时您会需要不同的 case 来使用相同的代码。
在本例中，case 4 和 5 分享相同的代码块，而 0 和 6 分享另一段代码块：
实例

switch (new Date().getDay()) {
    case 4:
    case 5:
        text = "周末快到了：）";
        break; 
    case 0:
    case 6:
        text = "今天是周末~";
         break;
    default: 
        text = "期待周末！";
}

Switching 的细节
如果多种 case 匹配一个 case 值，则选择第一个 case。
如果未找到匹配的 case，程序将继续使用默认 label。
如果未找到默认 label，程序将继续 switch 后的语句。
严格的比较
Switch case 使用严格比较（===）。
值必须与要匹配的类型相同。
只有操作数属于同一类型时，严格比较才能为 true。
在这个例子中，x 将不匹配：
实例

var x = "0";
switch (x) {
  case 0:
    text = "Off";
    break;
  case 1:
    text = "On";
    break;
  default:
    text = "No value found";
}

JavaScript For 循环
循环可多次执行代码块。
需要运行代码多次，且每次使用不同的值，那么循环（loop）相当方便使用。
通常我们会遇到使用数组的例子：

不需要这样写：
text += cars[0] + "<br>"; 
text += cars[1] + "<br>"; 
text += cars[2] + "<br>"; 
text += cars[3] + "<br>"; 
text += cars[4] + "<br>"; 
text += cars[5] + "<br>"; 
能够这样写：
for (i = 0; i < cars.length; i++) { 
    text += cars[i] + "<br>";
 }

不同类型的循环
JavaScript 支持不同类型的循环：

for - 多次遍历代码块
for/in - 遍历对象属性
while - 当指定条件为 true 时循环一段代码块
do/while - 当指定条件为 true 时循环一段代码块 For 循环
for 循环是在您希望创建循环时经常使用的工具。
for 循环的语法如下：

for (语句 1; 语句 2; 语句 3) {
     要执行的代码块
}

语句 1 在循环（代码块）开始之前执行。
语句 2 定义运行循环（代码块）的条件。
语句 3 会在循环（代码块）每次被执行后执行。
实例

for (i = 0; i < 5; i++) {
     text += "数字是 " + i + "<br>";
}

从上面的代码中，可以了解到：
语句 1 在循环开始之前设置了一个变量（var i = 0）。
语句 2 定义运行循环的条件（i 必须小于 5）。
语句 3 会在代码块每次执行之后对值进行递增（i++）。
语句 1
通常，会使用语句 1 来初始化循环中所使用的的变量（i = 0）。
但情况并不总是这样，JavaScript 不会在意。语句 1 是可选的。
您可以在语句 1 中初始化多个值（由逗号分隔）：
实例

for (i = 0, len = cars.length, text = ""; i < len; i++) { 
    text += cars[i] + "<br>";
}

而且您还可以省略语句 1（比如在循环开始前设置好值）：
实例

var i = 2;
var len = cars.length;
var text = "";
for (; i < len; i++) { 
    text += cars[i] + "<br>";
}

语句 2
通常语句 2 用于计算初始变量的条件。
但情况并不总是这样，JavaScript 不会在意。语句 2 也是可选的。
如果语句 2 返回 true，那么循环会重新开始，如果返回 false，则循环将结束。
如果省略语句 2，那么必须在循环中提供一个 break。否则循环永远不会结束。请在下一章阅读更多关于 break 的内容。
语句 3
通常语句 3 会递增初始变量的值。
但情况并不总是这样，JavaScript 不会在意。语句 3 也是可选的。
语句 3 可做任何事情，比如负递增（i–），正递增（i = i + 15），或者任何其他事情。
语句 3 也可被省略（比如当您在循环内递增值时）：
实例

var i = 0;
var len = cars.length;
for (; i < len; ) { 
    text += cars[i] + "<br>";
      i++;
}

For/In 循环
JavaScript for/in 语句遍历对象的属性：
实例

var person = {fname:"Bill", lname:"Gates", age:62}; 
var text = "";
var x;
for (x in person) {
    text += person[x];

JavaScript While 循环
只要条件为 true，循环能够一直执行代码块。
While 循环
while 循环会一直循环代码块，只要指定的条件为 true。
语法
while (条件) {
要执行的代码块
}
实例
在下面的例子中，循环中的代码将运行，一遍又一遍，只要变量

（i）小于 10：
while (i < 10) {
    text += "数字是 " + i;
    i++;
}

如果忘了对条件中使用的变量进行递增，那么循环永不会结束。这会导致浏览器崩溃。
Do/While 循环
do/while 循环是 while 循环的变体。在检查条件是否为真之前，这种循环会执行一次代码块，然后只要条件为真就会重复循环。
语法

do {
    要执行的代码块
}
while (条件);

实例
下面的例子使用了 do/while 循环。该循环会执行至少一次，即使条件为 false，因为代码块会在条件测试之前执行：

do {
    text += "The number is " + i;
    i++;
 }
while (i < 10);

不要忘记对条件中所用变量进行递增，否则循环永不会结束！
while 循环与 for 循环相当类似，其中的语句 1 和语句 2 都可以省略。
本例中的循环使用 for 循环来提取 cars 数组中的汽车品牌：
实例

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var text = "";

for (;cars[i];) {
    text += cars[i] + "<br>";
    i++;
}

本例中的循环使用 while 循环来提取 cars 数组中的汽车品牌：
实例

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var text = "";
 
while (cars[i]) {
    text += cars[i] + "<br>";
    i++;
}

JavaScript Break 和 Continue
break 语句“跳出”循环。
continue 语句“跳过”循环中的一个迭代。
break 语句会中断循环，并继续执行循环之后的代码（如果有）：
实例

for (i = 0; i < 10; i++) {
    if (i === 3) { break; }
    text += "数字是 " + i + "<br>";
}

Continue 语句
continue 语句中断（循环中）的一个迭代，如果发生指定的条件。然后继续循环中的下一个迭代。
本例跳过值 3 ：
实例

for (i = 0; i < 10; i++) {
    if (i === 3) { continue; }
    text += "数字是 " + i + "<br>";
}

JavaScript 标签
如需标记 JavaScript 语句，请将标签名和冒号置于语句之前：
label:
statements

break 和 continue 语句是仅有的可“跳出”代码块的 JavaScript 语句。
语法：

break labelname;
continue labelname;
continue 语句（不论有无标签引用）只能用于跳过一个迭代。
break 语句，如果没有标签引用，只能用于跳出一个循环或一个 switch。
如果有标签引用，则 break 语句可用于跳出任意代码块：
实例

var  cars = ["BMW", "Volvo", "Saab", "Ford"];
list: {
    text += cars[0] + "<br>"; 
    text += cars[1] + "<br>"; 
    text += cars[2] + "<br>"; 
    break list;
    text += cars[3] + "<br>"; 
    text += cars[4] + "<br>"; 
    text += cars[5] + "<br>"; 
}

代码块指的是 { 与 } 直接的代码片段。
JavaScript 数据类型
JavaScript 中有五种可包含值的数据类型：

字符串（string）
数字（number）
布尔（boolean）
对象（object）
函数（function）
有三种对象类型：
对象（Object）
日期（Date）
数组（Array）
同时有两种不能包含值的数据类型：
null
undefined

typeof 运算符
可以使用 typeof 运算符来确定 JavaScript 变量的数据类型。
实例

typeof "Bill"                 // 返回 "string"
typeof 3.14                   // 返回 "number"
typeof NaN                    // 返回 "number"
typeof false                  // 返回 "boolean"
typeof [1,2,3,4]              // 返回 "object"
typeof {name:'Bill', age:62}  // 返回 "object"
typeof new Date()             // 返回 "object"
typeof function () {}         // 返回 "function"
typeof myCar                  // 返回 "undefined" *
typeof null                   // 返回 "object"

请注意：

NaN 的数据类型是数值
数组的数据类型是对象
日期的数据类型是对象
null 的数据类型是对象
未定义变量的数据类型是 undefined
尚未赋值的变量的数据类型也是 undefined
无法使用 typeof 去判断 JavaScript 对象是否是数组（或日期）。
typeof 的数据类型
typeof 运算符不是变量。它属于运算符。运算符（比如 + - * /）没有数据类型。
但是，typeof 始终会返回字符串（包含运算数的类型）。

constructor 属性
constructor 属性返回所有 JavaScript 变量的构造器函数。
实例

"Bill".constructor                 // 返回 "function String()  { [native code] }"
(3.14).constructor                 // 返回 "function Number()  { [native code] }"
false.constructor                  // 返回 "function Boolean() { [native code] }"
[1,2,3,4].constructor              // 返回 "function Array()   { [native code] }"
{name:'Bill', age:62}.constructor  // 返回" function Object()  { [native code] }"
new Date().constructor             // 返回 "function Date()    { [native code] }"
function () {}.constructor         // 返回 "function Function(){ [native code] }"

可以通过检查 constructor 属性来确定某个对象是否为数组（包含单词 “Array”）：
实例

function isArray(myArray) {
    return myArray.constructor.toString().indexOf("Array") > -1;
}

可以检查对象是否是数组函数：
实例

function isArray(myArray) {
    return myArray.constructor === Array;
}

可以通过检查 constructor 属性来确定某个对象是否为日期（包含单词 “Date”）：
实例

function isDate(myDate) {
    return myDate.constructor.toString().indexOf("Date") > -1;
}

可以检查对象是否是日期函数：
实例

function isDate(myDate) {
    return myDate.constructor === Date;
}

JavaScript 类型转换
JavaScript 变量能够被转换为新变量以及另一种数据类型：

通过使用 JavaScript 函数
通过 JavaScript 本身自动转换
把数值转换为字符串
全局方法 String() 能够把数字转换为字符串。
它可用于任意类型的数字、文字、变量或表达式：
实例

String(x)         // 从数值变量 x 返回字符串
String(123)       // 从数值文本 123 返回字符串
String(100 + 23)  // 从表达式中的数值返回字符串

数字方法 toString() 同理。

实例
x.toString()
(123).toString()
(100 + 23).toString()

在这里插入图片描述
把布尔转换为字符串
全局方法 String() 能够将布尔转换为字符串。

String(false)        // 返回 "false"
String(true)         // 返回 "true" 
布尔方法 toString() 同理。
false.toString()     // 返回 "false"
true.toString()      // 返回 "true"

在这里插入图片描述

一元 + 运算符
一元的 + 运算符可用于把变量转换为数字：
实例

var y = "5";      // y 是字符串
var x = + y;      // x 是数字

如果无法转换变量，则仍会成为数字，但是值为 NaN（Not a number）：
实例

var y = "Bill";   // y 是字符串
var x = + y;      // x 是数字 (NaN)

把布尔转换数值
全局方法 Number() 也可把布尔转换为数字。

Number(false)     // 返回 0
Number(true)      // 返回 1

把日期转换为数字
全局方法 Number() 可用于把日期转换为数字。

d = new Date();
Number(d)          // 返回 1572786008164

日期方法 getTime() 同理。

d = new Date();
d.getTime()        // 返回 1572786008164

自动类型转换
如果 JavaScript 尝试操作一种“错误”的数据类型，它会试图将该值转换为“正确”的类型。
结果并不总是你所期望的：

5 + null    // 返回 5         因为 null 被转换为 0
"5" + null  // 返回 "5null"   因为 null 被转换为  "null"
"5" + 2     // 返回 52        因为 2 被转换为 "2"
"5" - 2     // 返回 3         因为 "5" 被转换为 5
"5" * "2"   // 返回 10        因为 "5" 和 "2" 被转换为 5 和 2

自动字符串转换
JavaScript 自动调用变量的 toString() 函数，当您试图“输出”对象或变量时：
document.getElementById(“demo”).innerHTML = myVar;

// 如果 myVar = {name:"Fjohn"}  // toString 转换为 "[object Object]"
// 如果 myVar = [1,2,3,4]       // toString 转换为 "1,2,3,4"
// 如果 myVar = new Date()      // toString 转换为 "Sun Nov 03 2019

21:00:08 GMT+0800 (中国标准时间)"
数字和布尔也会被转换，但并不明显：

// 如果 myVar = 123             // toString 转换为 "123"
// 如果 myVar = true            // toString 转换为 "true"
// 如果 myVar = false           // toString 转换为 "false"

在这里插入图片描述
位运算 AND
当对一对数位执行位运算 AND 时，如果数位均为 1 则返回 1。

JavaScript 位运算 XOR (^)
如果数位是不同的，则 XOR 返回 1：
var x = 5 ^ 1;

JavaScript（零填充）位运算左移（<<）
这是零填充的左移。一个或多个零数位从右被推入，最左侧的数位被移除：
在这里插入图片描述

把十进制转换为二进制
实例

function dec2bin(dec){
    return (dec >>> 0).toString(2);
}

把二进制转换为十进制
实例

function bin2dec(bin){
    return parseInt(bin, 2).toString(10);
}

都柏林往事

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js入门3

JavaScript 日期实例var d = new Date();JavaScript 日期输出默认情况下，JavaScript 将使用浏览器的时区并将日期显示为全文本字符串：Tue Apr 02 2019 09:01:19 GMT+0800 (中国标准时间)创建 Date 对象Date 对象由新的 Date() 构造函数创建。有 4 种方法创建新的日期对象：new Date...
复制链接

扫一扫

专栏目录