Javascript 對象二（Number、String、Boolean、Array、Date、Math、RegExp）

• • Number 數字 對象
  • String 字符串 對象
  • Boolean 布爾 對象
  • Array 數組 對象
  • Date 日期 對象
  • Math 算數 對象
  • RegExp 正則表達式 對象

Number 數字 對象

• JavaScript中 數字不分為整數類型和浮點型類型，所有的數字都是由 浮點型類型。
• 有 JavaScript 數字均為 64 位
• 精度：整數最多為 15 位，小數的最大位數是 17
• 八進制：前綴為 0。絕不要在數字前面寫零，除非您需要進行八進制轉換。
• 十六進制： 前綴為 0 和 “x”
• 輸出16進制、8進制、2進制的方法：使用 toString() 方法

var myNumber=128; myNumber.toString(16); // 返回 80 myNumber.toString(8); // 返回 200 myNumber.toString(2); // 返回 10000000

• 無窮大（Infinity）：正無窮大（Infinity），負無窮大（-Infinity）
• NaN 非數字值：用于指示某個值不是數字
• 判斷一個值是否是 NaN 值： 使用 isNaN() 全局函數來判斷
• 數字可以是數字或者對象。數字對象：
  
  

String 字符串 對象

字符串語法：

var str = 'hello'; var str = "hello"; var str = "'hello I'm Lotus" //字符串引號與內容引號不同 var str = 'hello I\'m Lotus' //轉義字符 var str = "hello \" Lotus\"" // 特殊字符： \' 單引號 \" 雙引號 \\ 反斜杠 \n 換行 \r 回車 \t tab制表符 \b 退格符 \f 換頁符

字符串屬性和方法：
length： 計算返回字符串長度

var str = "Lotus"; var str1 = ' hello "小微"' document.write(str.length); // 5 document.write(str1.length); // 11

chartAt(): 返回指定索引位置的字符

chartCodeAt(): 返回指定所以位置的Unicode值

concat() ： 字符串連接，返回連接后的字符串

indexOf() ：返回查找指定字符第一次出現(xiàn)的位置

lastIndexOf() ： 返回查找指定字符最后一次出現(xiàn)的位置

match() ：找到一個或者多個正則表達式的匹配

replace() ：替換與正則表達式匹配的子串

search() ：檢索與正則表達式相匹配的值

slice()：返回提取的字符串片段

split() ：把字符串分隔為子字符串數組

substr() ：從起始索引提取字符串中指定數目的字符

substring()：提取字符串兩個指定的索引之間的字符

toLowerCase()：把字符串轉為小寫

toUpperCase() ：把字符串轉為大寫

toString() ：返回字符串對象值

trim() ：移除字符串首尾空白

valueOf() ：返回某個字符串對象的原始值

let str = "hello lotus"; document.write(str.charAt(1)); // e document.write(str.charCodeAt(1)); // 101let str1 = 'hello wang'; document.write(str.concat(str1)); //hello lotushello wang document.write(str.concat(str1, 'abc', '123')); // hello lotushello wangabc123 document.write(str); // hello lotus

Boolean 布爾 對象

Boolean 對象用于轉換一個不是 Boolean 類型的值轉換為 Boolean 類型值 (true 或者false).

var myvar = new Boolean(1); myvar.constructor; // function Boolean() { [native code] }var bool = new Boolean(0); var myvar = bool.valueOf(); // false

布爾對象無初始值或者其值為: 0 -0 null “” false undefined NaN，對象的值為 false

Array 數組 對象

• 數組： 使用單獨的變量名來存儲一系列的值
• 創(chuàng)建數組：

1) 字面量 let array = []; let arr = ['hello', 'world'];2）構造函數 let arr = new Array(0; arr[0] = 'hello' 簡寫：let arr = new Array('hello', 'world');3） ES6新增的Array.of()方法 var arr=Array.of() var arr=Array.of(1,2,3)

• 訪問數組：及索引訪問數組的特定元素，第一個元素索引是[0]，第二個是[1]， 最后一個是 arr.length - 1
• 數組檢測： isArray() 、instanceof、.costructor、Object.prototype.toString.call([])==="[object Array]"、

let arr = []; arr.isArray() // true arr instanceof Array // true arr.constructor == array //true Object.prototype.toString.call(arr)==="[object Array]" //true

• 數組的屬性和方法：
• lenght：返回數組的長度，也可以用來截斷數組

var arr=[1,2,3,4,5]; console.log(arr.length); //5 ,返回數組的元素個數 arr.length=3; //截斷數組 console.log(arr); //1，2，3

• push() ：向數組的尾部添加一項或多項；參數為單個值或者數組 ；

//返回添加元素后數組的長度；會改變原數組 var arr=[1,2,3]; console.log(arr.push('a')); //4 (4) [1, 2, 3, "a"] console.log(arr.push(['a','b','c'])); //5 (5) [1, 2, 3, "a", Array(3)]

• pop() ：刪除數組最后一項；無參數；返回刪除的那一項；會改變原數組

var arr=['a','b','c']; var tmp=arr.pop(); console.log(tmp); //c (1)['a','b']

• unshift() ： 向數組開頭添加一項或多項；參數為單個值或者數組 ；

//返回添加元素后數組的長度；會改變原數組 var arr=[1,2,3]; console.log(arr.unshift()('a'));//4 (4) ["a",1, 2, 3] console.log(arr.unshift()(['a','b','c']));//5 (5) [Array(3),"a",1, 2, 3]

• shift() ：向數組開頭刪除一項；無參數；返回刪除的那一項；會改變原數組

var arr=['a','b','c']; var tmp=arr.shift(); console.log(tmp); //c (1)['b','c']

• splice() ： 刪除、插入、替換數組項；有參數；返回刪除項組成的數組；會改變原數組

var arr=['a','b','c','d','e','f']; var tmp1=arr.splice(0,1);//刪除一項 console.log(arr,tmp1);//["b", "c", "d", "e", "f"], ["a"] var tmp2=arr.splice(1,1,'aaa');//替換一項 console.log(arr,tmp2);// ["b", "aaa", "d", "e", "f"], ["c"] var tmp3=arr.splice(1,3,'bbb');//插入、替換多項 console.log(arr,tmp3);// ["b", "bbb", "f"], ["aaa", "d", "e"]

• copyWithin() ：ES6新增，將數組指定位置（start to end）的元素復制到當前數組的其他位置（target）

這種復制會替換原位置的元素；返回替換之后的數組；改變原數組 var arr=['a','b','c','d','e','f']; var tmp1=arr.copyWithin(3);//用索引0~4范圍內的元素，替換索引3~4范圍內的元素 console.log(arr,tmp1);//["a", "b", "c", "a", "b", "c"],["a", "b", "c", "a", "b", "c"] var temp2 = arr.copyWithin(3, 2);//用索引2~4范圍內的元素，替換索引3~4范圍內的元素 console.log(arr, temp2); // ["a", "b", "c", "c", "a", "b"],["a", "b", "c", "c", "a", "b"]

• reverse() ： 翻轉原數組；無參數；返回翻轉后的數組；會改變原數組

var arr = [1, 2, 3]; var temp = arr.reverse(); console.log(arr, temp); // [ 3, 2, 1 ] [ 3, 2, 1 ]

• sort() ：數組排序；參數compareFunction(compareFunction返回值>0時調換當前順序，否則順序不變)

返回排序后的數組；會改變原數組//從小到大排序 var arr = [1, 4, 6, 7, 8, 3, 2]; var tmp = arr.sort();//從小到大排序 console.log(arr,tmp); //[1, 2, 3, 4, 6, 7, 8],[1, 2, 3, 4, 6, 7, 8] var tmp2=arr.sort().reverse();//從大到小排序 console.log(arr, tmp2); // [8, 7, 6, 4, 3, 2, 1],[8, 7, 6, 4, 3, 2, 1] var tmp1 = arr.sort((a, b) => { //從小到大排序return a - b; }) console.log(arr, temp1); // [ 1, 2, 3, 4, 6, 7, 8 ] [ 1, 2, 3, 4, 6, 7, 8 ] var tmp1 = arr.sort((a, b) => { //從大到小排序return b - a; }) console.log(arr, temp1); // [ 1, 2, 3, 4, 6, 7, 8 ] [ 1, 2, 3, 4, 6, 7, 8 ]

• concat() ：拼接數組；參數類型可以是任意類型；返回拼接后的數組；原數組不發(fā)生改變

var arr=[1,2,3]; var arr1=arr.concat(); //復制 console.log(arr,arr1); //[1, 2, 3],[1, 2, 3]

• slice() ： 基于當前數組的一項或者多項創(chuàng)建一個數組；不會改變原數組

let arr = [0, 1, 2, 3, 4]; let temp = arr.slice(1,3); // 返回從索引1（包括）位置到索引3（不包括）位置之前的元素 console.log(arr, temp); // [0, 1, 2, 3, 4] [1, 2] let arr = [0, 1, 2, 3, 4]; //用于復制數組 let temp = arr.slice(0); // 返回從索引0（包括）位置到數組結尾的所有元素 console.log(arr, temp); // [0, 1, 2, 3, 4] [0, 1, 2, 3, 4]

• indexOf() ： 從數組開頭查找元素在數組中的索引位置；返回在數組中的索引，沒找到則返回-1

var arr=['a','b','c']; var tmp=arr.indexOf('b'); console.log(arr,tmp); //["a", "b", "c"] , 1

• lastIndexOf() ：從數組結尾查找元素在數組中的索引位置

• 遍歷數組的方法：

• 傳統(tǒng)方法：for循環(huán)、for...in循環(huán)、for...of循環(huán)

for: for(let i=0;i<arr.length;i++){console.log(arr[i]); // a b c 1 2 3 }for...in for(var i in arr){console.log(i); // 0 1 2 3 4 5console.log(arr[i]); //a b c 1 2 3 }for...of for(var item of arr){console.log(item); //a b c 1 2 3 undefined }for… in 、 for… of 的區(qū)別：1、推薦在循環(huán)對象屬性的時候，使用for in，在遍歷數組的時候推薦使用for of2、for…in 循環(huán)出來的是key, for…of循環(huán)出來的是value3、for…in 是ES5 標準，for …of 是ES6標準，兼容性可能存在些問題，請注意使用4、for...in 循環(huán)除了遍歷數組元素外，還會遍歷自定義屬性，for...of只可以循環(huán)可迭代的可迭代屬性，不可迭代屬性在循環(huán)中被忽略了

• forEach() 、 map() 、 filter() 、every() 、 some()

forEach方法：被傳遞給foreach的函數會在數組的每個元素上執(zhí)行一次；元素作為參數傳遞給該函數。

!* 未賦值的值是不會在foreach循環(huán)迭代的，但是手動賦值為undefined的元素是會被列出的 var arr=['a', 'b', 'c', , undefined, 1, 2, 3,]; arr.forEach( function( element, index ) { //ES5console.log( index, element ); //0:"a" , 1:"b" , 2:"c" , 3:1 , 4:2 , 5:3 }) arr.forEach( ( element, index ) => { //ES6console.log( index, element ); //0:"a" , 1:"b" , 2:"c" , 3:1 , 4:2 , 5:3 })

map方法：通過callback對數組元素進行操作；并將所有操作結果放入數組中并返回該數組。

var arr=['a', 'b', 'c', , undefined, 1, 2, 3,];var arr1 = arr.map( function( item ) { //ES5return item + "*"; })var arr1 = arr.map( item => { //ES6return item + "*"; })console.log(arr1); //["a*", "b*", "c*", undefined × 1, "undefined*", "1*", "2*", "3*"]

3）filter方法：返回一個包含所有在回調函數上返回為true的元素新數組，
回調函數在此擔任的是過濾器的角色，當元素符和條件，過濾器就返回true,而filter則會返回所有符合過濾條件的元素

var arr=['a', 'b', 'c', , undefined, 1, 2, 3,];var arr1 = arr.filter( function ( item ) { //ES5if ( typeof item == 'number' ){return item;} }) var arr1 = arr.filter( item => { //ES6if ( typeof item == 'number' ) return item; }) console.log(arr1); //[1,2,3]

4）every方法： 當數組中的每一個元素在callback上被返回true時就返回true

(注意：要求每一個單元項都返回true時才為true) var arr=['a', 'b', 'c', , undefined, 1, 2, 3,];var resault = arr.every( function ( item ) { //ES5console.log( item );//a ,b ,c ;到1判斷為假結束遍歷，返回falseif ( typeof item == 'string' ) return item; }) var resault = arr.every( item =>{ //ES6if ( typeof item == 'string' ) return item; })console.log(resault); //false

every()與filter()的區(qū)別是：
后者會返回所有符合過濾條件的元素；
前者會判斷是不是數組中的所有元素都符合條件，并且返回的是布爾值

• some方法：只要數組中有一項在callback上就返回true
  every()與some()的區(qū)別是：前者要求所有元素都符合條件才返回true,
  后者要求只要有符合條件的就返回true

Date 日期 對象

• 創(chuàng)建 Date 對象： new Date()

let d = new Date(); //Thu May 14 2020 14:27:45 GMT+0800 (中國標準時間)let d = new Date(millisecond); //

• Date 對象的方法：

Math 算數 對象

執(zhí)行常見的算數任務。

• toFixed() ： 把 Number 四舍五入為指定小數位數的數字。

var num =2.446242342; num = num.toFixed(2); // 輸出結果為 2.45

• round(參數) ： 四舍五入。舍入與數字最接近的整數

Math.round(1); // 1 Math.round(2.4); // 2 Math.round(2.5); // 5 //不能真正的四舍五入，有精度問題 可以通過以下方式來確保精度是正確的： var num =2.446242342; num = Math.round((num + Number.EPSILON) * 100) / 100; // 輸出結果為 2.45

• random() ：返回 0 到 1 之間的隨機數
• max(參數1，參數2) ：返回兩者的最大者
• min(參數1，參數2) ：返回兩個給定的數中的較小的數

let a = 1, b = 2; let arr = [1,2,4,0] Math.max(a, b) // 2 Math.min(a, b) // 1 Math.max(...arr); // 4

• abs(參數) ：返回數的絕對值
• ceil(參數) ： 向上取舍
• floor(參數) ： 向下取舍
• toSource() ：返回對象的各個屬性值

Math.abs(-2) // 2 Math.abs(2) // 2Math.ceil(2.123) // 3 Math.floor(2.123) // 2

RegExp 正則表達式 對象

總結

以上是生活随笔為你收集整理的Javascript 对象二（Number、String、Boolean、Array、Date、Math、RegExp）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。