JavaScript的基本包装类型概述与基本包装类型_Number类型

时间:2023-12-27 11:59:19

JavaScript的基本包装类型示例

为了便于操作基本类型值,javaScript 提供了 3 个特殊的引用类型:Boolean、Number和 String。

这些类型与其他引用类型相似,但同时也具有与各自的基本类型相应的特殊行为。

实际上,每当读取一个基本类型值的时候,后台就会创建一个对应的基本包装类型的对象,从而能够调用一些方法来操作这些数据。比如:

变量 box 是一个字符串类型,而 box.substring(2)又说明它是一个对象(只有对象才会调用方法),最后把处理结果赋值给 box2。

'Mr. Lee'是一个字符串类型的值,按道理它不应该是对象,不应该会有自己的方法,比如:

var box = 'Mr. Lee';                 //定义一个字符串
var box2 = box.substring(2); //截掉字符串前两位
alert(box2); //输出新字符串 结果box2=. Lee alert('Mr. Lee'.substring(2)); //直接通过值来调用方法,结果是. Lee

字面量声明和 new 运算符声明对象的区别

字面量声明和 new 运算符声明很好的展示了他们之间的区别。

但有一定还是可以肯定的,那就是不管字面量形式还是 new 运算符形式,都可以使用它的内置方法。

Boolean 和 Number 特性与 String 相同,三种类型可以成为基本包装类型(无法给自己创建属性和方法(但可以使用原型给对象扩展方法),只可以使用自己的内置方法)。

在使用 new 运算符创建以上三种类型的对象时,可以给自己添加属性和方法,但我们建议不要这样使用,因为这样会导致根本分不清到底是基本类型值还是引用类型值。

/*字面量写法:*/
var box = 'Mr. Lee'; //字面量
box.name = 'Lee'; //无效属性
box.age = function () { //无效方法
return 100;
};
alert(box); //Mr. Lee
alert(box.substring(2)); //. Lee
alert(typeof box); //string
alert(box.name); //undefined
alert(box.age()); //错误
/*new 运算符写法:*/
var box = new String('Mr. Lee'); //new 运算符
box.name = 'Lee'; //有效属性
box.age = function () { //有效方法
return 100;
};
alert(box); //Mr. Lee
alert(box.substring(2)); //. Lee
alert(typeof box); //object
alert(box.name); //Lee
alert(box.age()); //

JavaScript的基本包装类型之Number类型

Number类型:代表数值数据类型和提供数值常数的对象。

JavaScript的基本包装类型之Number类型的属性

Number 类型有一些静态属性(直接通过 Number 调用的属性,而无须 new 运算符)和方法。

JavaScript的基本包装类型概述与基本包装类型_Number类型

 console.log(Number.MAX_VALUE); // 1.7976931348623157e+308
console.log(Number.MIN_VALUE); // 5e-324
console.log(Number.NaN); //NaN
console.log(Number.NEGATIVE_INFINITY); // -Infinity
console.log(Number.POSITIVE_INFINITY); // Infinity

JavaScript的基本包装类型之Number类型的方法

JavaScript的基本包装类型概述与基本包装类型_Number类型

toString()方法

var box = 1000.789;
console.log((box.toString())); //转换为字符串,传参可以转换进制
console.log(box.toString(2));//传入2即转换为2进制,传入8即转换为8进制,16即转换为16进制
console.log(box.toString(8));//传入2即转换为2进制,传入8即转换为8进制,16即转换为16进制
console.log(box.toString(16));//传入2即转换为2进制,传入8即转换为8进制,16即转换为16进制

toLocaleString()方法

该方法还可以格式化日期形式的字符串

var box = 1000.789;
var box1 = new Date();
console.log(box.toLocaleString()); //本地格式化,结果是:1,000.789
console.log(box1); // 2019-04-10T15:35:12.871Z
console.log(box1.toLocaleString()); //2019-4-10 23:35:12

toFixed()方法

 var box = 1000.789;
console.log(box.toFixed(2)); //根据传入的参数保留多少位小数点,并且会四舍五入,,不能传入0和负数,结果是:1000.79
console.log(box);//结果还是:1000.789;方法不会改变原来的值

toExponential()方法

var box = 1000.789;
console.log(box.toExponential()); //指数形式,传参会保留小数点:1.000789e+3
console.log(box.toExponential(3));//同样会四舍五入:1.001e+3

toPrecision()方法

var box = 1000.789;
console.log(box.toPrecision(2)); //指数或点形式,传参保留小数点:1.0e+3

ES6中新增了一些属性和方法,详情查看:ES5-ES6-ES7_数值的扩展