今天完成的事情：今天学习了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内容
返回列表
评论