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

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

在这里插入图片描述

总结

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

您可能感兴趣的文章:

  • JavaScript引用类型之基本包装类型实例分析【Boolean、Number和String】
  • JavaScript类型系统之基本数据类型与包装类型
  • JavaScript高级教程5.6之基本包装类型(详细)
  • 浅谈javascript中基本包装类型
  • javascript基本包装类型介绍
  • Javascript中的包装类型介绍
  • JavaScript 类型的包装对象(Typed Wrappers)
  • JavaScript 原始包装类型汇总
页面下部广告
分类: