一篇文章帶你瞭解JavaScript的包裝類型

Posted on by

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

在這裡插入圖片描述

總結

本篇文章就到這裡瞭，希望能夠給你帶來幫助，也希望您能夠多多關註WalkonNet的更多內容!     

推薦閱讀：