一篇文章带你了解JavaScript的包装类型

目录
  • 1、简介
  • 2、String
    • 1、创建语法
    • 2、常用方法
    • 3、更多方法
  • 3、Number
    • 1、语法
    • 2、属性
    • 3、常用方法
  • 4、Boolean
  • 总结

1、简介

【解释】： 在 JavaScript 中的字符串、数值、布尔具有对象的使用特征，如具有属性和方法，之所以具有对象特征的原因是字符串、数值、布尔类型数据是JavaScript 底层使用 Object 构造函数“包装”来的，被称为包装类型。

2、String

1、创建语法

字面量

let str = 'abcd';

构造函数

let st1 = new String('abcd');

2、常用方法

实例属性 length 用来获取字符串的度长

		let str = 'abcdefgabcd';
		console.log( str.length );

实例方法 split 用来将字符串拆分成数组

		let str = 'abcdefgabcd';
		let re = str.split('');
		console.log(re);

实例方法 toUpperCase 用于将字母转换成大写

		let str = 'abcdeFGabcd';
		// toUpperCase：把字母转成大写
		let re = str.toUpperCase();
		console.log(re);

实例方法 toLowerCase 用于将字母转换成小写

		let str = 'abcdeFGabcd';
		// toLowerCase：把字母转成小写
		let re1 = str.toLowerCase();
		console.log(re);

实例方法 slice 用于字符串截取

		let str = 'abcdefgabcd';
		// 注意：如果只有一个参数，那么从这个索引值位置开始一直截取到最后
		// slice：截取字符串
		// 字符串.slice(start，end);从start索引值位置截取字符串截取到end索引位置
		// 注意：end索引位置上的字符取不到
		let re = str.slice(1, 4);
		console.log(re);

实例方法 indexOf 检测是否包含某字符

		let str = 'abcdefgabcd';
		// indexOf：查找某个元素首次出现的索引值，找不到就是-1
		// let re = str.indexOf('mm');
		// lastIndexOf：查找某个元素尾次出现的索引值，找不到就是-1
		let re = str.lastIndexOf('d')
		console.log(re);

实例方法 replace 用于替换字符串，支持正则匹配

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

3、更多方法

3、Number

1、语法

var num = new Number(value);

2、属性

  • constructor：返回对创建此对象的 Number 函数的引用。
  • MAX_VALUE 可表示的最大的数。
  • MIN_VALUE 可表示的最小的数。
  • NEGATIVE_INFINITY 负无穷大，溢出时返回该值。
  • NaN 非数字值。
  • POSITIVE_INFINITY 正无穷大，溢出时返回该值。
  • prototype 允许您可以向对象添加属性和方法。

3、常用方法

  • isFinite 检测指定参数是否为无穷大。
  • toExponential(x) 把对象的值转换为指数计数法。
  • toFixed(x) 把数字转换为字符串，结果的小数点后有指定位数的数字。
var num = 5.56789;
var n=num.toFixed(2); //5.57
  • valueOf() 返回一个 Number 对象的基本数字值。
  • toString() 把数字转换为字符串，使用指定的基数。
  • Number.isInteger(): 用来判断给定的参数是否为整数
Number.isInteger(10);        // 返回 true
Number.isInteger(10.5);      // 返回 false
  • Number.isSafeInteger(): 判断传入的参数值是否是一个"安全整数"。
Number.isSafeInteger(10);    // 返回 true
Number.isSafeInteger(12345678901234567890);  // 返回 false

4、Boolean

总结

本篇文章就到这里了，希望能够给你带来帮助，也希望您能够多多关注我们的更多内容!

赞 (0)

相关推荐

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

    为了便于操作基本类型值,ECMAScript还提供了3个特殊的引用类型:Boolean,Number,String. 实际上,每当读取一个基本类型值的时候,后台应付创建一个对应的基本包装类型的对象,从而让我们能够调用一些方法来操作这些数据. var s1="some text"; var s2=s1.substring(2); console.log(s2);//me text 这个例子中s1包含了一个字符串,字符串是基本类型值.第二行调用了s1的subsstring()方法,并将返回

  • JavaScript 类型的包装对象(Typed Wrappers)

    例如: new Boolean(false) 会返回一个对象,该对象有一个 valueOf 方法会返回被包装的值.这其实完全没有必要,并且有时还令人困惑.不要使用 new Boolean. new Number 或 new String. 此外也请避免使用 new Object 和 new Array.可使用 {} 和 [] 来代替. --------------------------------------------------------------------------------

  • JavaScript类型系统之基本数据类型与包装类型

    JavaScript类型系统之基本数据类型与包装类型

    写在前面的话 javascript的数据类型可以分为两种:原始类型和引用类型 原始类型也称为基本类型或简单类型,因为其占据空间固定,是简单的数据段,为了便于提升变量查询速度,将其存储在栈(stack)中(按值访问).其中,javascript基本数据类型包括Undefined.Null.Boolean.Number和String五种 引用类型由于其值的大小会改变,所以不能将其存放在栈中,否则会降低变量查询速度,因此其存储在堆(heap)中,存储在变量处的值是一个指针,指向存储对象的内存处(按址访

  • Javascript中的包装类型介绍

    Javascript中的包装类型介绍

    最近不看犀牛书了,那本翻译的特烂而且好拗口,尤其是原型那块说的乱七八糟,后来经同事介绍,买了本js高级程序设计,然后就继续苦逼的看,不吐槽了,继续说说js中有新鲜感的包装类型.  一:String 说到String类型,蛮有意思,平时我们都是这样定义一个string类型,如下图: 但是在js中有一点非常特别,那就是string类型是属于基本类型,不属于引用类型,那就说明string的值是保存在"栈"上面的,而很多语言不是这样,比如C#,我觉得js不作为引用类型也是情有可原,毕竟它玩不了

  • javascript基本包装类型介绍

    javascript基本包装类型介绍

    为了便于操作基本类型值,ECMAScript 提供了 3 个特殊的引用类型:Boolean.Number和 String.这些类型与其他引用类型相似,但同时也具有与各自的基本类型相应的特殊行为.实际上,每当读取一个基本类型值的时候,后台就会创建一个对应的基本包装类型的对象,从而能够调用一些方法来操作这些数据. 一．基本包装类型概述 var box = 'Mr. Lee';//定义一个字符串 var box2 = box.substring(2);//截掉字符串前两位 alert(box2);//

  • 浅谈javascript中基本包装类型

    为了便于操作基本类型值,ECMAScript还提供了3个特殊的引用类型:Boolean.Number和String.这些类型与本章介绍的其他引用类型相似,但同时也具有与各自的基本类型相应的特殊行为.实际上,每当读取一个基本类型值得时候,后台就会创建一个对应的基本包装类型的对象,从而让我们能够调用一些方法来操作这些数据.如下例子: 复制代码 代码如下: var s1="some text"; var s2=s1.substring(2); 这个例子中的变量s1包含一个字符串,字符串当然是

  • 一篇文章带你了解JavaScript的包装类型

    一篇文章带你了解JavaScript的包装类型

    目录 1.简介 2.String 1.创建语法 2.常用方法 3.更多方法 3.Number 1.语法 2.属性 3.常用方法 4.Boolean 总结 1.简介 [解释]: 在 JavaScript 中的字符串.数值.布尔具有对象的使用特征,如具有属性和方法,之所以具有对象特征的原因是字符串.数值.布尔类型数据是JavaScript 底层使用 Object 构造函数“包装”来的,被称为包装类型. 2.String 1.创建语法 字面量 let str = 'abcd'; 构造函数 let st

  • 一篇文章带你吃透JavaScript中的DOM知识及用法

    目录 一.前言 二.DOM框架 三.认识DOM节点 四.JS访问DOM 1.获取节点 2.改变 HTML 3.改变 CSS 4.检测节点类型 5.操作节点间的父子及兄弟关系 6.操作节点属性 7.创建和操作节点 总结 一.前言 DOM:Document Object Model(文档对象模型),定义了用户操作文档对象的接口,可以说DOM是自HTML将网上相关文档连接起来后最伟大的创新.它使得用户对HTML有了空前的访问能力,并使开发者将HTML作为XML文档来处理. 本文知识导图如下: 二.DO

  • 一篇文章带你了解JavaScript的解构赋值

    一篇文章带你了解JavaScript的解构赋值

    目录 1. 什么是解构赋值 ? 2. 数组的解构赋值 2.1) 数组解构赋值的默认值 2.2) 数组解构赋值的应用 类数组中的应用 交换变量的值 3. 对象的解构赋值 3.1) 对象解构赋值的默认值 3.2)对一个已声明的变量解构赋值 4. 字符串的解构赋值 总结 1. 什么是解构赋值 ? 将属性/值从对象/数组中取出,赋值给其他变量 通俗来说,即解析某一数据的结构,将我们想要的东西提取出来,赋值给变量或常量. 让我们通过一个例子看看: const [a, b, c] = [1, 2, 3];

  • 一篇文章带你入门java变量与类型

    一篇文章带你入门java变量与类型

    目录 整型变量 基本语法格式 代码示例 长整型变量 基本语法格式 代码示例 双精度浮点型变量 基本语法格式 代码示例 单精度浮点型变量 基本语法格式 代码示例 字符类型变量 基本语法格式 代码示例 字节类型变量 基本语法格式 代码示例 短整型变量 基本语法格式 代码示例 布尔类型变量 基本语法格式 代码示例 简单/内置类型小结 字符串类型变量 基本语法格式 代码示例 转义字符 字符串拼接 变量作用域 变量的命名规则 常量 字面值常量 final 关键字修饰的常量 总结 整型变量 基本语法格式 i

  • 一篇文章带你搞懂Java线程池实现原理

    一篇文章带你搞懂Java线程池实现原理

    目录 1. 为什么要使用线程池 2. 线程池的使用 3. 线程池核心参数 4. 线程池工作原理 5. 线程池源码剖析 5.1 线程池的属性 5.2 线程池状态 5.3 execute源码 5.4 worker源码 5.5 runWorker源码 1. 为什么要使用线程池 使用线程池通常由以下两个原因: 频繁创建销毁线程需要消耗系统资源,使用线程池可以复用线程. 使用线程池可以更容易管理线程,线程池可以动态管理线程个数.具有阻塞队列.定时周期执行任务.环境隔离等. 2. 线程池的使用 /** *

  • 一篇文章带你弄清楚Redis的精髓

    目录 一.Redis的特性 1.1 Redis为什么快? 1.2 Redis其他特性 1.3 Redis高可用 二.Redis数据类型以及使用场景 2.1 String 2.1.1 基本指令 2.1.2 应用场景 2.2 Hash 2.2.1 基本指令 2.2.2 应用场景 2.3 List 2.3.1 基本指令 2.3.2 应用场景 2.4 Set 2.4.1 基本指令 2.4.2 应用场景 2.5 ZSet(SortedSet) 2.5.1 基本指令 2.5.2 应用场景 三.Redis的事

  • 一篇文章带你使用Typescript封装一个Vue组件(简单易懂)

    一.搭建项目以及初始化配置 vue create ts_vue_btn 这里使用了vue CLI3自定义选择的服务,我选择了ts.stylus等工具.然后创建完项目之后,进入项目.使用快捷命令code .进入Vs code编辑器(如果没有code .,需要将编辑器的bin文件目录地址放到环境变量的path中).然后,我进入编辑器之后,进入设置工作区,随便设置一个参数,这里比如推荐设置字号,点下.这里是为了生成.vscode文件夹,里面有个json文件. 我们在开发项目的时候,项目文件夹内的文件很

  • 一篇文章带你搞定SpringBoot中的热部署devtools方法

    一.前期配置 创建项目时,需要加入 DevTools 依赖 二.测试使用 (1)建立 HelloController @RestController public class HelloController { @GetMapping("/hello") public String hello(){ return "hello devtools"; } } 对其进行修改:然后不用重新运行,重新构建即可:只加载变化的类 三.热部署的原理 Spring Boot 中热部

  • 一篇文章带你搞定SpringBoot不重启项目实现修改静态资源

    一.通过配置文件控制静态资源的热部署 在配置文件 application.properties 中添加: #表示从这个默认不触发重启的目录中除去static目录 spring.devtools.restart.exclude=classpath:/static/** 或者使用: #表示将static目录加入到修改资源会重启的目录中来 spring.devtools.restart.additional-paths=src/main/resource/static 此时对static 目录下的静态

  • 一篇文章带你解决 IDEA 每次新建项目 maven home directory 总是改变的问题

    Maven是基bai于项目对象模型,可以通du过一小段描述信息来管理zhi项目的构建,报告和文档的软件项dao目管理工具. 重装个系统,各种问题,idea 也出现各种问题 装了个新版的 idea 2020 2.x 版本的,不知道咋回事,其他都好使,就是创建 SpringBoot 项目时: 加载 pom.xml 总是出错,原因就是,新建立的项目 maven home directory 总是乱,没有安装 设置的默认方式 我试了,改当前项目的,不好使 该默认设置,不好使,网上的其他方法也试了,很奇怪

随机推荐