搜尋
首頁web前端js教程js常用物件有哪些?詳解js物件的屬性及方法

js取得物件的屬性有多種方法,本文沒有過多的贅述,文章重點講解了js的一些常用物件以及它們各自的屬性與方法,文章有些長,可能看著比較雜亂,但都是作者精心整理的,目的也是希望能對大家有幫,分享給大家作為參考,不足之處煩請諒解。

一、數字物件

Number 物件表示數值日期,整數或浮點數。一般情況下,你不需要擔心 Number 對象,因為瀏覽器會自動將數字文 本轉換為數字類別的實例。

1、建立一個Number 物件

var val = new Number(number);

如果該參數無法轉換為數字,它將返回為NaN(Not-a-Number) 

2、數字屬性

#最小的可能值在JavaScript 中的數量可以有5E-324 #等價於一個值不是一個數字

#屬性

描述

#MAX_VALUE 

最大的可能值在JavaScript 中的數量可以有1.7976931348623157E 308 

##MIN_VALUE 

NaN 

NEGATIVE INFINIT

Y

##################################################################################################################################################################################### # ###比MIN-VALUE 小的值#########################POSITIVE_INFINIT#############Y## ################比MAX-VALUE 大的值##################

prototype 數字物件的靜態屬性,使用原型物件的屬性來為目前文件中的數字物件指派新的屬性和方法。

3、數位方法 

方法

描述

#constructor()

傳回建立此物件的實例的函數。預設這是數字物件

toExponentia

l()

將數字強制以指數表示法顯示,即使這個數字在JavaScript 通常規定使用標準符號表示的範圍之內 

toFixed() 

#格式一個數為小數點右邊有特定位數的小數

#toLocaleStrin

#g()

##傳回目前數字的字串值版本的格式可能會根據瀏覽器的區域設定不同而改變

toPrecision( )

定義了總共有多少有多少為來顯示一個數字(包括小數點左邊和右邊的數)

toString() 

#傳回數的值的字串表示形式

valueOf() 

回傳數的值

二、

布林物件

Boolean 物件表示兩個值,不是「真」就是「假」。

1、建立一個Boolean 物件

如果省略value 參數或參數是 0,-0 ,空,假, NaN ,未定義,或是空字串(“ ”),這個物件初始值 為假。

2、布林屬性

var val = new Boolean(value);

屬性 #描述

constructor 

#傳回建立這個物件的布林函數的一個參考

prototype

原型屬性允許您新增物件的屬性和方法

#3、布林方法

描述
#方法

#toSource() 

傳回一個包含布林物件來源的一個字串;你可以使用這個字串來建立一個等效的物件。

toString() 

根據物件的值來返回“真”或“假”。

valueOf() 

傳回數的值

#三、字串物件

##String 物件透過大量的輔助方法來操作一系列字元的組合(即字串),這些方法隱藏了JavaScript 字串原始資料類型。

因為JavaScript 可以實作原始字串陣列和字串物件之間的自動轉換,可以呼叫字串物件的任何一個輔助方法作用於原始字符串資料。 1、

建立一個String 物件var val = new String(string);

############

參數string 是正確編碼的字元序列。

2、String 屬性

#描述
屬性

constructor 

#傳回建立這個物件的布林函數的一個參考

prototype

原型屬性可讓您新增物件的屬性和方法

#length 

字串的長度 
######

3、String 物件方法

#檢索字串 
#方法 描述

#charAt() 

#傳回指定位置的字元 

charCodeAt()

#傳回在指定的位置的字元的Unicode 編碼 

#concat() 

#連接字串 

#indexOf() 

##lastIndexOf()

#從後向前擷取字串 

localeCompare()

#使用本機特定的順序來比較兩個字串

match() 

#找到一個或多個正規表示式的符合

replace() 

取代與正規則表達式匹配的子字串

#search() 

檢索與正規表示式相符的值

#slice() 

#slice() 

##提取字串的片段,並在新的字串中傳回被提取的部分

split()

將字串分割成字串陣列

# substr() 

###############從起始索引號碼擷取字串中指定數目的字元################ ########substring() ################### 擷取字串中兩個指定的索引號碼之間的字元######## #################toLocaleLowerCase()###################把字串轉換成小寫 ######## ##################toLocaleUpperCase()#######

把字串轉換成大寫 

#toLowerCase()

#把字串轉換成小寫 

#toString() 

傳回字串 

#toUpperCase()

把字串轉換成大寫 

#valueOf() 

#傳回數的值

4、String 的HTML 基本型別包裝器

##方法描述#建立一個字串閃爍顯示,就像使用 標籤的效果 bold( ) 建立一個字串加粗顯示,就像使用 標籤的效果 fixed() #建立一個字串以打字機文字顯示,就像使用 標籤的效果 fontcolor() 建立一個字串使用指定的顏色顯示,就像使用 標籤的效果 fontsize() 建立字串使用指定的尺寸顯示,就像使用 標籤的效果 italics() #建立字串使用斜體顯示,就像使用< ;i> 標籤的效果 #link()  #建立一個HTML 超連結,用來請求另一個URL #small() #建立一個字串使用小字號顯示,就像使用 標籤的效果  #strike() 建立字串使用刪除線顯示,就像使用 標籤的效果 

author() 

#建立一個HTML 錨定為一個超文本的目標 

#big() 

#建立一個字串以大字體顯示,就像使用 標籤的效果 

#blink() 

#sub() 

################建立一個字串顯示為下標,就像使用 標籤的效果 ###########################sup()##################

建立字串顯示為上標,就像使用 標籤的效果 

四、陣列物件

Array 物件用於在單一的變數中儲存多個值。

1、建立一個Array 物件

# #var fruits = new Array("apple","orange","mango");

陣列的參數可以是一組字串或整數。當你為數組構造函數指定一個數值參數時,數組的初始長度就被確定了。數組允許的最大長度是4,294,967,295。

可以透過簡單賦值來建立一個數組,如下所示:

var fruits = ["apple","orange","mango"];

可以透過序號(下標)來存取並設定數組內元素的值,如下所示:

• fruits [0] 是第一個元素

• fruits[1] 是第二個元素

• fruits[2] 是第三個元素

2、

陣列屬性

屬性描述

constructor 

constructor 

傳回建立該物件的函數的參考

index 

從零開始檢索符合的字串

#input 

只見於透過正規表示式所建立的陣列

length 

設定或傳回陣列中元素的數量

prototype

#原型屬性可讓您新增物件的屬性和方法########### ##########

3、Array 物件方法

##描述concat() every() filter() ##建立一個新數組,數組中的元素是原始數組中滿足過濾函數返回值為空的元素#五、日期物件
#方法

#連接兩個或更多的數組,並且傳回結果

#對陣列元素應用指定的函數進行判斷,當且僅當所有回傳值為true,傳回true,否則回傳fal se 

forEach() 

#從頭到尾遍歷數組,為每個元素呼叫制定的函數

#indexOf() 

#從頭到尾檢索,傳回給定元素在陣列中的索引

join() 

把陣列的所有元素放入一個字串。元素透過制定的分隔符號進行分割

#lastIndexO

##f()

從尾到頭檢索,傳回給定元素在陣列中的索引

map() 

建立一個新數組,用來儲存原始數組中每個元素呼叫指定函數的回傳值

pop() 

#刪除並傳回陣列的最後一個元素

push() 

#在陣列的末端新增一個或更多元素,並返回新的長度。

############reduce() ##################同時對陣列中的兩個值應用一個函數,使減少到一個單一值(從頭到尾)#########################reduceRigh####### #####t()##################同時對數組中的兩個值應用一個函數,使減少到一個單一值(從尾到頭)# #######################reverse() ##################在陣列中反轉元素中元素的順序######

shift() 

#刪除並傳回陣列的第一個元素

slice() 

#從某個已有的陣列傳回選取的元素

some() 

對陣列元素應用指定的函數進行判斷,只有有一個傳回值為true,傳回true,否則傳回false 

toSource( ) 

傳回該物件的原始碼 

##sort () 

將陣列中的元素排序 

# #splice() 

在陣列中插入或刪除元素 

#toString() 

把陣列轉換成字串,並回傳結果

unshift() 

#將一個或多個元素加入到陣列的前面,並傳回新陣列的長度

Date 物件是JavaScript 語言的內建資料型別。 Date 物件以 new Date() 創建,如下所示。 

Date 物件一旦被創建,就可以使用許多方法來操作它。大多數方法只允許取得並設定物件的年、月、日、小 時、分鐘、秒、和毫秒字段,可以使用當地時間或世界標準時間(UTC,GMT)時間。 

ECMAScript 標準要求的 Date 物件能夠代表任何日期和時間,在1/1/1970之前或之後的 1 億天內精確到毫 秒。這是一個正負 273785 年的變化範圍,所以 JavaScript 能夠表示直到 275755 年的日期和時間。

1、Date() 建構子

參數描述:

No Argument: 不帶參數,Date() 建構子建立一個日期對象,設定為目前日期和時間。

milliseconds: 當傳遞一個數字作為參數,它作為表示日期中毫秒的內部數字,作為 getTime() 方法的返 回值中的毫秒。例如,透過傳遞參數 5000 建立日期對象,代表 1/1/1970 午夜過去 5 秒鐘。

  • datestring: 當傳遞一個字串作為參數,它必須是一個日期形式的字串,也就是可以被 Date.parse() 方法 接收的格式。

  • 7 agrument: 對於上面給出的最後一種形式的建構函數,下面是每個參數的描述:

year: 整數,表示年。為了相容性(為了避免Y2K問題),應該完整地指定年;使用 1998而不是 98。

month:整數,表示月。從 0(表示一月)開始到 11(表示十二月)。

  1. date: 整數,表示一個月的某一天。

  2. hour: 整數,表示一天的某一個小時(24小時制)。

  3. minute: 整數,表示時間計數的分鐘片段。

  4. second: 整數,表示時間計數的秒片段。

  5. milliseconds: 整數,表示時間計數的毫秒片段。

2、Date屬性

new Date()

new Date(milliseconds)

new Date(datestring)

new Date(year,month,date[,hour,minute,second,millisecond])

#屬性 描述

#constructor 

#傳回對建立該物件的函數的參考

########################## ###############prototype#########################原型屬性可讓您新增物件的屬性和方法#####################

3、Date方法

#根據本地時從Date 物件以四位數返回年份 #根據本機時設定Date 物件中的小時(0 ~ 23) #setMilliseconds()根據本機時設定Date 物件中的毫秒(0 ~ 999) 
#方法 描述

#Date() 

#返回當日的日期和時間 

getDate() 

#根據本地時從Date物件返回一個月中的某一天(1 ~ 31)

getDay() 

根據本地時從Date物件傳回一週中的某一天(1 ~ 6) 

#getFullYear()

#getHours() 

##根據本地時回傳Date 物件的小時(0 ~ 23) 

getMilliseconds()

根據本地時傳回Date 物件的毫秒(0 ~ 999) 

getMinutes()

#根據本地時傳回Date 物件的分鐘(0 ~ 59) 

#getMonth() 

#根據本機時從Date物件傳回月份(1 ~ 11 ) 

getSeconds()

根據本地時傳回Date 物件的秒數(0 ~ 59) 

###################getTime() ############## #####根據本地時回傳1970 年1 月1 日至今的毫秒數 ########################getTimezoneOffset()#### ##############回到本地時間與格林威治標準時間(GMT) 的分鐘差 #################### ###getUTCDate()##################根據世界時從Date 物件返回月中的一天(1 ~ 31) ########### ##############getUTCDay() ###################根據世界時從Date 物件傳回周中的一天(0 ~ 6 ) ########################getUTCFullYear()##################根據世界時從Date 物件傳回四位數的年份 #######

getUTCHours()

#根據世界時傳回Date 物件的小時(0 ~ 23) 

getUTCMillisecond

s()

#根據世界時傳回Date 物件的毫秒(0 ~ 999) 

getUTCMinutes()

根據世界時傳回Date 物件的分鐘(0 ~ 59) 

getUTCMonth()

根據世界時從Date 物件傳回月份(0 ~ 11) 

##getUTCSeconds()

#根據世界時傳回Date 物件的秒鐘(0 ~ 59) 

getYear() 

棄用,傳回在指定的日期根據當地時間。使用getFullYear()代替。

setDate() 

依本機時設定Date物件中月的某一天(1 ~ 31) 

setFullYear()

#依照本地時設定Date 物件中的年份(四位數) 

#setHours() 

####setMinutes()###################根據本地時設定Date 物件中的分鐘(0 ~ 59) #### #####################setMonth() ###################根據本機時設定Date 物件中月份(0 ~ 11) #########################setSeconds()##################################################################################################根據本地時設定Date 物件中的秒鐘(0 ~ 59) #########################setTime() ######### ##########根據本機時以毫秒設定Date 物件 #########################setUTCDate()###### #

根據世界時設定Date 物件中月份的一天(1 ~ 31) 

setUTCFullYear()

根據世界時設定Date 物件中的年份(四位數) 

setUTCHours()

#根據世界時設定Date 物件中的小時(0 ~ 23) 

#setUTCMillisecond

#s()

##根據世界時設定Date 物件中的毫秒(0 ~ 999) 

setUTCMinutes()

根據世界時設定Date 物件中的分鐘(0 ~ 59) 

setUTCMonth()

根據世界時設定Date 物件中的月份(0 ~ 11) 

setUTCSeconds()

#根據世界時設定Date 物件中的秒鐘(0 ~ 59) 

#setYear() 

#已棄用,設定為指定的日期根據當地時間。使用 setFullYear() 代替。

toDateString()

把Date 物件的日期部分轉換為字串 

#toGMTString()

棄用,將日期轉換為一個字串,使用互聯網格林尼治時間約定。使用 toUTCString() 代 替。

toLocalDateString()

根據本機時間格式,把Date 物件的日期部分轉換成字串 

#toLocalFormat()

#將日期轉換為一個字串,使用格式化字串。

toLocalString()

根據本機時間格式,把Date 物件轉換成字串 

#toLocalTimeString()

############## ##根據本機時間格式,將Date 物件的時間部分轉換成字串 #########################toSource() #######

傳回字串代表一個等價的日期物件的原始碼,您可以使用這個值來建立一個新的物件 

toString() 

#把Date 物件轉換成字串 

#toTimeString()

#把Date 物件的時間部分轉換成字串 

toUCTString()

#根據世界時,把Date 物件轉換為字串

valueOf()

傳回Date 物件的原始值

##Date 靜態方法

##方法六、
描述
Date.parse()

返回1970 年1 月1 日午夜到指定日期(字串)的毫秒數 

Date.UTC( )

根據世界時返回1970 年1 月1 日到指定日期的毫秒數

算數物件

#Math 物件提供針對數學常數的屬性、方法的和功能。 

不同於其他的全域對象,Math 不是建構子。 Math 的所有屬性和方法都是靜態的,無需創建它,透過使用 Ma th 作為物件來呼叫其所有屬性和方法。 

因此,可以定義常數pi 為 Math.PI,也可以呼叫sin函數 Math.sin(x),其中 x 是方法的參數。 1、簡單使用

##

2、Math屬性

#var pi_val = Math.PI;

var sine_val = Math.sin(30);

#返回2 的平方根的倒數(約等於0.707) 
#屬性 描述

#E 

#返回算術常數e,也就是自然對數的底數(約等於2.718) 

LN2 

# 的自然對數(約等於0.693) 

LN10 

#傳回10 的自然對數(約等於2.302) 

#LOG2E 

## 回傳以2 為底的對數(約等於1.414) 

LOG10E 

傳回以10 為底的對數(約等於0.434) 

PI 

#回到圓周率(約等於3.14159) 

#SQRT1_2 

##################SQRT2### #####################傳回2的平方根(約等於1.414)#################### #

3、Math方法

##回到從x 軸到點(x,y) 的角度(介於-PI/2 與PI/2 弧度之間) #對數進行上捨入 #回傳數的餘弦 #回傳e 的指數 #對數進行下捨入 #回傳數的自然對數(底為e) #傳回x 和y 中的最高值 # 傳回x ​​和y 中的最低值 #回傳x 的y 次冪 #返回角的正切 
方法 描述

abs() 

#回傳數的絕對值 

acos() 

#回傳數的反餘弦值 

asin() 

# 傳數的反正弦值 

atan() 

#以介於-PI/2 與PI/2弧度之間的數值來回傳x 的反正切值 

atan2() 

ceil() 

cos() 

exp() 

floor() 

log() 

max() 

min() 

pow() 

##random() 

#回傳0~1 之間的隨機數 

round() 

###########把數四捨五入為最接近的整數######

sin() 

#回傳數的正弦 

sqort() 

#已傳數的平方根 

#tan() 

################toSource()#########################傳回該物件的來源程式碼########################相關推薦:###############js基礎之DOM中document對象的常用屬性方法詳解############JS實作為物件動態新增屬性的方法######

以上是js常用物件有哪些?詳解js物件的屬性及方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
從C/C到JavaScript:所有工作方式從C/C到JavaScript:所有工作方式Apr 14, 2025 am 12:05 AM

從C/C 轉向JavaScript需要適應動態類型、垃圾回收和異步編程等特點。 1)C/C 是靜態類型語言,需手動管理內存,而JavaScript是動態類型,垃圾回收自動處理。 2)C/C 需編譯成機器碼,JavaScript則為解釋型語言。 3)JavaScript引入閉包、原型鍊和Promise等概念,增強了靈活性和異步編程能力。

JavaScript引擎:比較實施JavaScript引擎:比較實施Apr 13, 2025 am 12:05 AM

不同JavaScript引擎在解析和執行JavaScript代碼時,效果會有所不同,因為每個引擎的實現原理和優化策略各有差異。 1.詞法分析:將源碼轉換為詞法單元。 2.語法分析:生成抽象語法樹。 3.優化和編譯:通過JIT編譯器生成機器碼。 4.執行:運行機器碼。 V8引擎通過即時編譯和隱藏類優化,SpiderMonkey使用類型推斷系統,導致在相同代碼上的性能表現不同。

超越瀏覽器:現實世界中的JavaScript超越瀏覽器:現實世界中的JavaScriptApr 12, 2025 am 12:06 AM

JavaScript在現實世界中的應用包括服務器端編程、移動應用開發和物聯網控制:1.通過Node.js實現服務器端編程,適用於高並發請求處理。 2.通過ReactNative進行移動應用開發,支持跨平台部署。 3.通過Johnny-Five庫用於物聯網設備控制,適用於硬件交互。

使用Next.js(後端集成)構建多租戶SaaS應用程序使用Next.js(後端集成)構建多租戶SaaS應用程序Apr 11, 2025 am 08:23 AM

我使用您的日常技術工具構建了功能性的多租戶SaaS應用程序(一個Edtech應用程序),您可以做同樣的事情。 首先,什麼是多租戶SaaS應用程序? 多租戶SaaS應用程序可讓您從唱歌中為多個客戶提供服務

如何使用Next.js(前端集成)構建多租戶SaaS應用程序如何使用Next.js(前端集成)構建多租戶SaaS應用程序Apr 11, 2025 am 08:22 AM

本文展示了與許可證確保的後端的前端集成,並使用Next.js構建功能性Edtech SaaS應用程序。 前端獲取用戶權限以控制UI的可見性並確保API要求遵守角色庫

JavaScript:探索網絡語言的多功能性JavaScript:探索網絡語言的多功能性Apr 11, 2025 am 12:01 AM

JavaScript是現代Web開發的核心語言,因其多樣性和靈活性而廣泛應用。 1)前端開發:通過DOM操作和現代框架(如React、Vue.js、Angular)構建動態網頁和單頁面應用。 2)服務器端開發:Node.js利用非阻塞I/O模型處理高並發和實時應用。 3)移動和桌面應用開發:通過ReactNative和Electron實現跨平台開發,提高開發效率。

JavaScript的演變:當前的趨勢和未來前景JavaScript的演變:當前的趨勢和未來前景Apr 10, 2025 am 09:33 AM

JavaScript的最新趨勢包括TypeScript的崛起、現代框架和庫的流行以及WebAssembly的應用。未來前景涵蓋更強大的類型系統、服務器端JavaScript的發展、人工智能和機器學習的擴展以及物聯網和邊緣計算的潛力。

神秘的JavaScript:它的作用以及為什麼重要神秘的JavaScript:它的作用以及為什麼重要Apr 09, 2025 am 12:07 AM

JavaScript是現代Web開發的基石,它的主要功能包括事件驅動編程、動態內容生成和異步編程。 1)事件驅動編程允許網頁根據用戶操作動態變化。 2)動態內容生成使得頁面內容可以根據條件調整。 3)異步編程確保用戶界面不被阻塞。 JavaScript廣泛應用於網頁交互、單頁面應用和服務器端開發,極大地提升了用戶體驗和跨平台開發的靈活性。

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
3 週前By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解鎖Myrise中的所有內容
4 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版

EditPlus 中文破解版

EditPlus 中文破解版

體積小,語法高亮,不支援程式碼提示功能

PhpStorm Mac 版本

PhpStorm Mac 版本

最新(2018.2.1 )專業的PHP整合開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器