深入解析JavaScript中的数字对象与字符串对象


Posted in Javascript onOctober 21, 2015

JavaScript Number 对象
JavaScript 只有一种数字类型。
可以使用也可以不使用小数点来书写数字。
JavaScript 数字
JavaScript 数字可以使用也可以不使用小数点来书写:
实例

var pi=3.14;  // 使用小数点
var x=34;    // 不使用小数点

极大或极小的数字可通过科学(指数)计数法来写:
实例

var y=123e5;  // 12300000
var z=123e-5;  // 0.00123

所有 JavaScript 数字均为 64 位
JavaScript 不是类型语言。与许多其他编程语言不同,JavaScript 不定义不同类型的数字,比如整数、短、长、浮点等等。
在JavaScript中,数字不分为整数类型和浮点型类型,所有的数字都是由 浮点型类型。JavaScript采用IEEE754标准定义的64位浮点格式表示数字,它能表示最大值为±1.7976931348623157 x 10308,最小值为±5 x 10 -324
值 (aka Fraction/Mantissa) 指数 Sign

52 bits (0 - 51) 11 bits (50 - 62) 1 bit (63)

精度
整数(不使用小数点或指数计数法)最多为 15 位。
小数的最大位数是 17,但是浮点运算并不总是 100% 准确:
实例

var x = 0.2+0.1; // result will be 0.30000000000000004

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

var y = 0377; 
var z = 0xFF;

lamp 绝不要在数字前面写零,除非您需要进行八进制转换。
默认情况下,JavaScript 数字为十进制显示。
但是你可以使用 toString() 方法 输出16进制、8进制、2进制。
实例

var myNumber=128;
myNumber.toString(16);  // returns 80
myNumber.toString(8);  // returns 200
myNumber.toString(2);  // returns 10000000

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

myNumber=2;
while (myNumber!=Infinity)
{
myNumber=myNumber*myNumber; // Calculate until Infinity
}

除以0也产生了无限:
实例

var x = 2/0;
var y = -2/0;

NaN - 非数字值
NaN 属性是代表非数字值的特殊值。该属性用于指示某个值不是数字。可以把 Number 对象设置为该值,来指示其不是数字值。
你可以使用 isNaN() 全局函数来判断一个值是否是 NaN 值。
实例

var x = 1000 / "Apple";
isNaN(x); // returns true
var y = 100 / "1000";
isNaN(y); // returns false

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

var x = 1000 / 0;
isNaN(x); // returns false

数字可以是数字或者对象
数字可以私有数据进行初始化,就像 x = 123;
JavaScript 数字对象初始化数据, var y = new Number(123);
实例

var x = 123;
var y = new Number(123);
typeof(x) // returns Number
typeof(y) // returns Object

实例

var x = 123;       
var y = new Number(123);
(x === y) // is false because x is a number and y is an object.

JavaScript 字符串(String) 对象
String 对象用于处理已有的字符块。
JavaScript 字符串
一个字符串用于存储一系列字符就像 "John Doe".
一个字符串可以使用单引号或双引号:
实例

var carname="Volvo XC60";
var carname='Volvo XC60';

你使用位置(索引)可以访问字符串中任何的字符:
实例

var character=carname[7];

字符串的索引从零开始, 所以字符串第一字符为 [0],第二个字符为 [1], 等等。
你可以在字符串中使用引号,如下实例:
实例

var answer="It's alright";
var answer="He is called 'Johnny'";
var answer='He is called "Johnny"';

或者你可以在字符串中使用转义字符使用引号:
实例

var answer='It's alright';
var answer="He is called "Johnny"";

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

var txt="Hello World!";
document.write(txt.length);

var txt="ABCDEFGHIJKLMNOPQRSTUVWXYZ";
document.write(txt.length);

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

var str="Hello world, welcome to the universe.";
var n=str.indexOf("welcome");

如果没找到对应的字符函数返回-1
lastIndexOf() 方法在字符串末尾开始查找字符串出现的位置。
内容匹配
match()函数用来查找字符串中特定的字符,并且如果找到的话,则返回这个字符。
实例

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

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

str="Please visit Microsoft!"
var n=str.replace("Microsoft","w3cschool");

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

var txt="Hello World!";    // String
var txt1=txt.toUpperCase();  // txt1 is txt converted to upper
var txt2=txt.toLowerCase();  // txt2 is txt converted to lower

字符串转为数组
字符串使用strong>split()函数转为数组:
实例

txt="a,b,c,d,e"  // String
txt.split(",");  // Split on commas
txt.split(" ");  // Split on spaces
txt.split("|");  // Split on pipe

特殊字符
Javascript 中可以使用反斜线(\)插入特殊符号,如:撇号,引号等其他特殊符号。
查看如下 JavaScript 代码:

var txt="We are the so-called "Vikings" from the north.";
document.write(txt);

在JavaScript中,字符串的开始和停止使用单引号或双引号。这意味着,上面的字符串将被切成: We are the so-called
解决以上的问题可以使用反斜线来转义引号:

var txt="We are the so-called \"Vikings\" from the north.";
document.write(txt);

JavaScript将输出正确的文本字符串:We are the so-called "Vikings" from the north.
下表列出其他特殊字符,可以使用反斜线转义特殊字符:
深入解析JavaScript中的数字对象与字符串对象

Javascript 相关文章推荐
Jquery知识点一 Jquery的ready和Dom的onload的区别
Jan 15 Javascript
JQuery循环滚动图片代码
Dec 08 Javascript
JS完成代码前最好对其做5件事
Apr 07 Javascript
jquery监听div内容的变化具体实现思路
Nov 04 Javascript
提取jquery的ready()方法单独使用示例
Mar 25 Javascript
详解js中构造流程图的核心技术JsPlumb(2)
Dec 08 Javascript
node.js用fs.rename强制重命名或移动文件夹的方法
Dec 27 Javascript
详解vue-loader在项目中是如何配置的
Jun 04 Javascript
微信小程序实现省市区三级地址选择
Jun 21 Javascript
Django+vue跨域问题解决的详细步骤
Jan 20 Javascript
压缩Vue.js打包后的体积方法总结(Vue.js打包后体积过大问题)
Feb 03 Javascript
javascript使用正则表达式实现注册登入校验
Sep 23 Javascript
jQuery无刷新切换主题皮肤实例讲解
Oct 21 #Javascript
JavaScript操作HTML元素和样式的方法详解
Oct 21 #Javascript
13个PHP函数超实用
Oct 21 #Javascript
JavaScript对HTML DOM使用EventListener进行操作
Oct 21 #Javascript
JavaScript对象数组的排序处理方法
Oct 21 #Javascript
Javascript刷新窗口方法小结
Oct 21 #Javascript
JavaScript简单遍历DOM对象所有属性的实现方法
Oct 21 #Javascript
You might like
PHP面向对象三大特点学习(充分理解抽象、封装、继承、多态)
2012/05/07 PHP
CI框架自动加载session出现报错的解决办法
2014/06/17 PHP
PHP中可以自动分割查询字符的Parse_str函数使用示例
2014/07/25 PHP
WordPress中自定义后台管理界面配色方案的小技巧
2015/12/29 PHP
浅析PHP数据导出知识点
2018/02/17 PHP
Laravel框架下载,安装及路由操作图文详解
2019/12/04 PHP
yii框架结合charjs实现统计30天数据的方法
2020/04/04 PHP
Javascript 生成指定范围数值随机数
2009/01/09 Javascript
Javascript学习笔记6 prototype的提出
2010/01/11 Javascript
最常用的12种设计模式小结
2011/08/09 Javascript
jQuery调用RESTful WCF示例代码(GET方法/POST方法)
2014/01/26 Javascript
window.open 以post方式传递参数示例代码
2014/02/27 Javascript
使用node+vue.js实现SPA应用
2016/01/28 Javascript
JS作用域链详解
2017/06/26 Javascript
Vue2.0 组件传值通讯的示例代码
2017/08/01 Javascript
JavaScript实现一个简易的计算器实例代码
2018/05/10 Javascript
vue 移动端记录页面浏览位置的方法
2020/03/11 Javascript
VSCode 配置uni-app的方法
2020/07/11 Javascript
[00:52]DOTA2第二届亚洲邀请赛预选赛宣传片
2017/01/13 DOTA
[05:15]2018年度CS GO社区贡献奖-完美盛典
2018/12/16 DOTA
[01:01:18]VP vs NIP 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
python中查看变量内存地址的方法
2015/05/05 Python
Python中返回字典键的值的values()方法使用
2015/05/22 Python
Python实现的简单算术游戏实例
2015/05/26 Python
Flask框架信号用法实例分析
2018/07/24 Python
基于python实现简单网页服务器代码实例
2020/09/14 Python
java字符串格式化输出实例讲解
2021/01/06 Python
用gpu训练好的神经网络,用tensorflow-cpu跑出错的原因及解决方案
2021/03/03 Python
解析浏览器的一些“滚动”行为鉴赏
2019/09/16 HTML / CSS
PHP面试题及答案一
2012/06/18 面试题
就业自荐信
2013/12/04 职场文书
经贸日语专业个人求职信
2013/12/13 职场文书
浪漫婚礼主持词
2014/03/14 职场文书
打架检讨书范文
2015/01/27 职场文书
个人股份转让协议书范本
2015/01/28 职场文书
食品质检员岗位职责
2015/04/08 职场文书