发表于: 2020-02-23 22:36:00

1 1863


今天完成的事情:今天学习了js里的Number 对象和字符串(String) 对象

明天计划的事情:继续学习js的内容

遇到的问题:缺少实际操作还不太熟练,需要在加强训练
收获:今天学了Number 对象,主要是

所有 JavaScript 数字均为 64 位

JavaScript 不是类型语言。与许多其他编程语言不同,JavaScript 不定义不同类型的数字,比如整数、短、长、浮点等等。

在JavaScript中,数字不分为整数类型和浮点型类型,所有的数字都是由 浮点型类型。JavaScript采用IEEE754标准定义的64位浮点格式表示数字,它能表示最大值为±1.7976931348623157 x 10308,最小值为±5 x 10 -324

精度

整数(不使用小数点或指数计数法)最多为 15 位。

<p>整数最多为 15 位。</p>

<button onclick="myFunction()">点我</button>

<p id="demo"></p>

<script>
    function myFunction() {
        var x = 999999999999999;
        var y = 9999999999999999;
        document.getElementById("demo").innerHTML = x + "<br>" + y;
    }
</script>

运行结果


点击

没有超出15位

小数的最大位数是 17,但是浮点运算并不总是 100% 准确:

<script>
    var x;
    document.write("<p>仅显示17位: ");
    x = 12345678901234567890;
    document.write(x + "</p>");
    document.write("<p>0.2 + 0.1 = ");
    x = 0.2 + 0.1;
    document.write(x + "</p>");
    document.write("<p>可以通过乘以10或除以10来计算: ");
    x = (0.2 * 10 + 0.1 * 10) / 10;
    document.write(x + "</p>");
</script>

运行结果

八进制和十六进制

如果前缀为 0,则 JavaScript 会把数值常量解释为八进制数,如果前缀为 0 和 "x",则解释为十六进制数。

<script>
    var y = 0377;
    var z = 0xFF;
    document.write(y + "<br>");
    document.write(z + "<br>");
</script>

运行结果

默认情况下,JavaScript 数字为十进制显示。

但是你可以使用 toString() 方法 输出16进制、8进制、2进制。

<script>
    var myNumber = 128;
    document.write(myNumber + ' 十进制<br>');
    document.write(myNumber.toString(16) + ' 十六进制<br>');
    document.write(myNumber.toString(8) + ' 八进制<br>');
    document.write(myNumber.toString(2) + ' 二进制<br>');
</script>

运行结果

可以看出不同的进制

无穷大(Infinity)

当数字运算结果超过了JavaScript所能表示的数字上限(溢出),结果为一个特殊的无穷大(infinity)值,在JavaScript中以Infinity表示。同样地,当负数的值超过了JavaScript所能表示的负数范围,结果为负无穷大,在JavaScript中以-Infinity表示。无穷大值的行为特性和我们所期望的是一致的:基于它们的加、减、乘和除运算结果还是无穷大(当然还保留它们的正负号)。

<script>
    myNumber = 2;
    while (myNumber != Infinity) {
        myNumber = myNumber * myNumber;
        document.write(myNumber + '<BR>');
    }
</script>

运行结果

除零也是

<script>
    var x = 2 / 0;
    var y = -2 / 0;
    document.write(x + "<br>");
    document.write(y + "<br>");
</script>

运行结果

NaN - 非数字值

NaN 属性是代表非数字值的特殊值。该属性用于指示某个值不是数字。可以把 Number 对象设置为该值,来指示其不是数字值。

你可以使用 isNaN() 全局函数来判断一个值是否是 NaN 值。

<p>一个数字除以一个字符串结果不是一个数字</p>
<p>一个数字除以一个字符串数字结果是一个数字</p>
<p id="demo"></p>
<script>
    var x = 1000 / "Apple";
    var y = 1000 / "1000";
    document.getElementById("demo").innerHTML = isNaN(x) + "<br>" + isNaN(y);
</script>

运行结果

除以0是无穷大,无穷大是一个数字:

<p id="demo"></p>
<script>
    var y = 1000 / 0;
    document.getElementById("demo").innerHTML = isNaN(y);
</script>

运行结果

数字可以是数字或者对象

数字可以私有数据进行初始化,就像 x = 123;

JavaScript 数字对象初始化数据, var y = new Number(123);

<script>
    var x = 123;              // x 是一个数字
    var y = new Number(123);  // y 是一个对象
    var txt = typeof (x) + " " + typeof (y);
    document.getElementById("demo").innerHTML = txt;
</script>

运行结果

<p id="demo"></p>

<script>
    var x = 123;              // x 是一个数字
    var y = new Number(123);  // y 是一个对象
    document.getElementById("demo").innerHTML = x === y;
</script>

运行结果


一个字符串用于存储一系列字符就像 "John Doe".

一个字符串可以使用单引号或双引号:

可以在字符串中使用转义字符(\)使用引号:

<script>
    var carname1 = "Volvo XC60";
    var carname2 = 'Volvo XC60';
    var answer1 = 'It\'s alright';
    var answer2 = "He is called \"Johnny\"";
    var answer3 = 'He is called "Johnny"';
    document.write(carname1 + "<br>")
    document.write(carname2 + "<br>")
    document.write(answer1 + "<br>")
    document.write(answer2 + "<br>")
    document.write(answer3 + "<br>")
</script>

运行结果

字符串(String)

字符串(String)使用长度属性length来计算字符串的长度:

<script>
    var txt = "Hello World!";
    document.write("<p>" + txt.length + "</p>");
    var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
    document.write("<p>" + txt.length + "</p>");
</script>

运行结果

在字符串中查找字符串

字符串使用 indexOf() 来定位字符串中某一个指定的字符首次出现的位置:

<p id="p1">Click the button to locate where "locate" first occurs.</p>
<p id="p2">0</p>
<button onclick="myFunction()">点我</button>
<script>
    function myFunction() {
        var str = document.getElementById("p1").innerHTML;
        var n = str.indexOf("locate");
        document.getElementById("p2").innerHTML = n + 1;
    }
</script>

运行结果

点击

如果没找到对应的字符函数返回-1

lastIndexOf() 方法在字符串末尾开始查找字符串出现的位置。

内容匹配

match()函数用来查找字符串中特定的字符,并且如果找到的话,则返回这个字符。

<script>
    var str = "Hello world!";
    document.write(str.match("world") + "<br>");
    document.write(str.match("World") + "<br>");
    document.write(str.match("world!"));
</script>

运行结果

替换内容

replace() 方法在字符串中用某些字符替换另一些字符。

<p>替换 "Microsoft" 为 "Runoob" :</p>
<button onclick="myFunction()">点我</button>
<p id="demo">请访问 Microsoft!</p>
<script>
    function myFunction() {
        var str = document.getElementById("demo").innerHTML;
        var txt = str.replace("Microsoft""Runoob");
        document.getElementById("demo").innerHTML = txt;
    }
</script>

运行结果

点击

成功替换

字符串大小写转换

字符串大小写转换使用函数 toUpperCase() / toLowerCase():

<script>
    var txt = "Hello World!";
    document.write("<p>" + txt.toUpperCase() + "</p>");
    document.write("<p>" + txt.toLowerCase() + "</p>");
    document.write("<p>" + txt + "</p>");
</script>
<p>该方法返回一个新的字符串,源字符串没有被改变。</p>

运行结果

字符串转为数组

字符串使用split()函数转为数组:

<p id="demo">单击按钮显示数组。</p>
<button onclick="myFunction()">点我</button>
<script>
    function myFunction() {
        var str = "a,b,c,d,e,f";
        var n = str.split(",");
        document.getElementById("demo").innerHTML = n[0];
    }
</script>

运行结果

点击

变化了

明天继续学习后续的js内容


返回列表 返回列表
评论

    分享到