JavaScript高级教程5.6之基本包装类型(详细)

JavaScript高级教程5.6之基本包装类型(详细)

基本包装类型介绍

JavaScript中有三种基本类型:Number、String和Boolean。它们是原始值,不是对象。但是,在读取它们的属性时,会创建临时的基本包装类型对象,以便能够访问属性和方法。一旦访问结束,立即销毁这个临时对象。这个临时对象的行为类似于对象类型的实例。

基本包装类型方法

在临时对象中,可以使用相应的方法。例如:

String基本包装类型方法

String.charAt(index)方法

该方法返回字符串中指定位置的字符。例如:

var str = "Hello World!";
console.log(str.charAt(6)); //输出 W

String.concat(str1, str2, ...)方法

该方法将一个或多个字符串与原字符串连接合并,并返回新的字符串。例如:

var str1 = "Hello ";
var str2 = "World!";
console.log(str1.concat(str2)); //输出 Hello World!

Number基本包装类型方法

Number.toExponential(fractionDigits)方法

该方法把数字转换为指数计数法,并可指定小数点后要保留的位数。例如:

var num = 123456789;
console.log(num.toExponential(2)); //输出 1.23e+8

Number.toFixed(fractionDigits)方法

该方法可把数字转换为字符串,并按指定的小数位数返回字符串表示。例如:

var num = 123456.789;
console.log(num.toFixed(2)); //输出 123456.79

Boolean基本包装类型方法

Boolean.toString()方法

该方法返回布尔值的字符串表示。例如:

var bol = true;
console.log(bol.toString()); //输出 true

基本包装类型属性

除了可以使用方法之外,基本包装类型还有一些只读属性,例如:

String基本包装类型属性

String.length属性

该属性返回字符串的长度。例如:

var str = "Hello World!";
console.log(str.length); //输出 12

Number基本包装类型属性

Number.MAX_VALUE属性

该属性表示所能表示的最大正数字。例如:

console.log(Number.MAX_VALUE); //输出 1.7976931348623157e+308

Boolean基本包装类型属性

Boolean.prototype属性

该属性表示Boolean对象构造函数的原型对象。如果要向 Boolean 对象添加属性或方法,则要向 Boolean.prototype添加。例如:

Boolean.prototype.name = "Boolean";
var bol = true;
console.log(bol.name); //输出 Boolean

总结

基本包装类型提供了在基本类型与对象之间来回转换的功能。在读取基本类型属性和调用基本类型方法时,会自动转换为临时的基本包装类型对象。但是,在基本包装类型对象上添加属性和方法,不会对原始值产生影响。因此,这种转换其实是一种便利的机制。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JavaScript高级教程5.6之基本包装类型(详细) - Python技术站

(0)
上一篇 2023年6月10日
下一篇 2023年6月10日

相关文章

  • Javascript中的作用域及块级作用域

    一、作用域 在Javascript中,作用域是指访问变量、函数的代码的范围。根据变量的定义位置,作用域可以分为全局作用域、局部作用域。 1.全局作用域 全局作用域是指在代码内部的任何地方都可以访问到的变量。我们可以在任何地方访问和修改全局作用域的变量,这种方式对变量的维护管理不利,并且容易引起变量名冲突。 示例代码: var name = "Tom…

    JavaScript 2023年5月27日
    00
  • JS 判断代码全收集

    以下是详细讲解“JS 判断代码全收集”的完整攻略,包含了两条示例供您参考。 什么是JS判断代码全收集? 在Web开发中,很多时候需要获取并处理用户输入的数据,从而完成各种功能。但是,有些用户可能会利用特定的手段来绕过你的输入验证,注入恶意代码,从而对你的网站造成威胁。为了防止这样的情况发生,我们需要对用户输入的数据进行全收集。 如何判断代码全收集? 我们可以…

    JavaScript 2023年5月19日
    00
  • 详解堆的javascript实现方法

    详解堆的javascript实现方法 堆的定义 堆是一种特殊的树形数据结构,其每一个节点都有一个值,通常所表达的语义是“子节点的值都不小于(或都不大于)父节点的值”。堆可以用数组或者树形表示。堆的某个节点与其子节点之间还有一定的大小关系,因此堆又分为最大堆和最小堆。 堆的属性 最大堆:对于所有节点i的值均不小于它的子节点的值,根节点为最大值; 最小堆:对于所…

    JavaScript 2023年6月10日
    00
  • JS面向对象编程实现的拖拽功能案例详解

    JS面向对象编程实现的拖拽功能案例,可以分为以下几个步骤: 1. 确定目标 首先要明确要实现的功能,即拖拽功能,定义需要拖拽的元素和拖拽的位置。 示例代码: let box = document.querySelector(‘.box’); // 需要拖拽的元素 let mouseX = 0; // 鼠标在x轴上的位置 let mouseY = 0; // …

    JavaScript 2023年5月28日
    00
  • js下用eval生成JSON对象

    使用eval函数可以将字符串转换为JavaScript代码执行,因此可以使用eval生成JSON对象。以下是生成JSON对象的完整攻略: 1. 准备JSON字符串 首先,你需要准备一个字符串表示的JSON数据。这个JSON字符串必须遵循JSON语法规范,且必须被引号包裹。下面是一个示例JSON字符串: var jsonStr = ‘{"name&q…

    JavaScript 2023年5月27日
    00
  • 在页面上点击任一链接时触发一个事件的代码

    要实现在页面上点击任一链接时触发一个事件的代码,可以通过以下步骤来实现: 第一步:添加一个事件监听器 在页面中添加一个事件监听器来监听所有a标签的点击事件,代码如下: document.addEventListener(‘click’, function(event) { if (event.target.tagName === ‘A’) { // 点击事件…

    JavaScript 2023年6月11日
    00
  • 用JavaScript获取DOM元素位置和尺寸大小的方法

    获取DOM元素位置和尺寸大小对于前端开发来说非常重要,这篇文章将向你介绍使用JavaScript获取DOM元素位置和尺寸大小的方法。 获取DOM元素位置 getBoundingClientRect()方法 使用HTMLElement对象的getBoundingClientRect()方法可以获取一个元素相对于视口的位置和尺寸。该方法返回一个DOMRect对象…

    JavaScript 2023年6月10日
    00
  • JS中如何轻松遍历对象属性的方式总结

    当我们需要遍历 JavaScript 对象的属性时,我们可以使用 for…in 循环、Object.keys() 方法或 Object.getOwnPropertyNames() 方法。 for…in 循环遍历对象属性 for…in 循环会遍历对象的所有可枚举属性,包括原型链上的属性。对于每个属性,for…in 循环会执行一次循环体中的代码。…

    JavaScript 2023年5月27日
    00
合作推广
合作推广
分享本页
返回顶部