深入解析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 Ajax之$.get()方法和$.post()方法
Oct 12 Javascript
不同浏览器的怪癖小结
Jul 11 Javascript
js中eval()函数和trim()去掉字符串左右空格应用
Feb 02 Javascript
JavaScript改变HTML元素的样式改变CSS及元素属性
Nov 12 Javascript
JQuery与JS里submit()的区别示例介绍
Feb 17 Javascript
javascript 寻找错误方法整理
Jun 15 Javascript
javascript制作sql转换为stringBuffer的小工具
Apr 03 Javascript
设计模式中的facade外观模式在JavaScript开发中的运用
May 18 Javascript
Jquery实现遮罩层的简单实例(就是弹出DIV周围都灰色不能操作)
Jul 14 Javascript
bootstrap中模态框、模态框的属性实例详解
Feb 17 Javascript
jQuery动态添加li标签并添加属性和绑定事件方法
Feb 24 jQuery
JavaScript使用canvas绘制随机验证码
Feb 17 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来处理多个提交任务
2008/05/08 PHP
PHP通过header实现文本文件下载的代码
2010/08/08 PHP
php 使用array函数实现分页
2015/02/13 PHP
php实现字符串反转输出的方法
2015/03/14 PHP
php自定义函数实现JS的escape的方法示例
2016/07/07 PHP
Laravel6.2中用于用户登录的新密码确认流程详解
2019/10/16 PHP
javascript removeChild 使用注意事项
2009/04/11 Javascript
JavaScript如何从listbox里同时删除多个项目
2013/10/12 Javascript
javascript基本类型详解
2014/11/28 Javascript
JS简单计算器实例
2015/01/20 Javascript
九种原生js动画效果
2015/11/11 Javascript
JS获取checkbox的个数简单实例
2016/08/19 Javascript
浅谈jQuery中事情的动态绑定
2017/02/12 Javascript
详解nodejs微信公众号开发——1.接入微信公众号
2017/04/10 NodeJs
微信小程序对接七牛云存储的方法
2017/07/30 Javascript
关于Vue源码vm.$watch()内部原理详解
2019/04/26 Javascript
layui复选框的全选与取消实现方法
2019/09/02 Javascript
浅谈vue权限管理实现及流程
2020/04/23 Javascript
在vue中动态修改css其中一个属性值操作
2020/12/07 Vue.js
Python实现递归遍历文件夹并删除文件
2016/04/18 Python
Python图算法实例分析
2016/08/13 Python
python调用OpenCV实现人脸识别功能
2018/05/25 Python
Python中的类与类型示例详解
2019/07/10 Python
Django后端发送小程序微信模板消息示例(服务通知)
2019/12/17 Python
python实现梯度下降法
2020/03/24 Python
Python在后台自动解压各种压缩文件的实现方法
2020/11/10 Python
CSS3 新增选择器的实例
2019/11/13 HTML / CSS
从零实现一个自定义html5播放器的示例代码
2017/08/01 HTML / CSS
建筑工程自我鉴定
2013/10/18 职场文书
外贸英语专业求职信范文
2013/12/25 职场文书
餐饮业创业计划书范文
2014/01/06 职场文书
上课迟到检讨书
2014/01/19 职场文书
2014年公司庆元旦活动方案
2014/03/05 职场文书
基层党员群众路线教育实践活动个人对照检查材料思想汇报
2014/10/05 职场文书
2015年劳动部工作总结
2015/05/23 职场文书
《敬重卑微》读后感3篇
2019/11/26 职场文书