和大家分享JS編程知識之JS內置對象實例詳解

2021-01-11 標標編程

大家好,本次和給大家分享JS的內置對象。本次主要是通過實例來和大家一起分享學習,分享學習什麼是對象,以及String字符串對象,Data日期對象,Array數組對象,Math對象的常用方法的使用。

JS內置對象實例詳解

什麼是對象

1、對象的概念

其實對象是比較好理解的,JS中的所有事物都是對象,比如字符串、數值、數組、函數等等都是對象。

每個對象都帶有屬性和方法,這裡的屬性和方法指的是對象的屬性和方法。而對象的屬性是什麼呢?對象的屬性是指,它帶有一些特定的性質,比如:圖像都帶有它的長和寬,這就是它的一個特性。還比如a標籤,都帶有一個超連結,這也是他的一個屬性。什麼是對象的方法呢?就是對象給我們提供的一些使用方式,比如日期它給我們提供的一些方法,來得到內部的時間。

對象的概念jies

2、自定義對象

1)、定義並創建對象實例,為了更好的來說明怎樣定義和創建自定義對象,下面用一個示例來說明一下,示例代碼如下:

自定義對象

示例中定義並創建了一個叫people的對象,它有屬性name和age,分別對這兩個屬性賦了值,然後通過document.write()列印出來。

2)、使用函數來定義對象,然後創建新的對象實例。為了更好的來說明怎樣使用函數來自定義對象,下面用一個實例來說明一下,示例代碼如下:

使用函數來定義對象

示例中定義並創建了一個叫people的函數,它有兩個參數name和age,分別對這兩個屬性賦了值,然後通過document.write()列印出來。

String字符串對象

字符串對象常用的方法示例代碼演示:

1、length:字符串的長度,示例代碼如下:

字符串長度length的用法

2、indexof():在字符串中查找字符串,示例代碼如下:

該實例通過indexof()方法查找World在字符串Hello World的位置,輸出結果是6,如果World在字符串中不存子,則返回-1。

字符串indexOf的用法

3、match():內容匹配,示例代碼如下:

該實例通過match()方法用World在字符串Hello World中進行匹配,輸出結果是World,如果World在字符串中不存子,則返回Null,存在就顯示自己。

字符串match()的用法

4、replace():替換內容,示例代碼如下:

該實例通過replace()方法用將World替換成replace字符。

字符串replace()的用法

5、toUpperCase()/toLowerCase():字符串大小寫轉換,示例代碼如下:

該實例通過toUpperCase()/toLowerCase()方法用將字符串Hello World分別轉換常大寫和小寫。

字符串toUpperCase()/toLowerCase()用

以上是字符串常用方法的實例演示,當然還有很多方法,大家可以自己在代碼裡試一下,體驗下效果。

字符串對象常用的方法

Data日期對象

1、Data對象:日期對象用於處理日期和時間。

2、獲得當前的日期

3、常用的方法:

getFullYear():獲取年份

getTime():獲取毫秒

setFullYear():設置具體的日期

getDay():獲取星期

下面用一個示例來說明Data對象的常用方法如何使用,示例代碼如下:

Data對象的代碼示例

Array數組對象

1、Array對象:使用單獨的變量名來存儲一系列的值

2、數組的創建

列如:var myArray=["Hello","biao","biao"];

3、數組的訪問:

通過制定數組名以及索引號碼,你可以訪問某個特定的元素。

注意:[0]是數組的第一個元素。[1]是數組的第二個元素。

3、數組常用的方法:

concat():合併數組

sort():排序

push():末尾追加元素

reverse():數組元素翻轉

下面用一個示例來說明Array對象的常用方法如何使用,示例代碼如下

數組常用的方法代碼示例

Math對象

1、Math對象:執行常見的算數任務

2、Match常用的方法:

round():四捨五入

random():返回0至1之間的隨機數

max():返回最高值

min():返回最低值

abs():返回絕對值。

下面用一個示例來說明Math對象的常用方法如何使用,示例代碼如下

Match常用的方法示例代碼

以上就是這次和大家一起分享的JS編程知識,一起分享了對象的概念,以及String字符串對象,Data日期對象,Array數組對象,Math對象的常用方法的使用,分別用代碼示例作了演示,大家可以對照著代碼再練習一編,加深記憶。好了,今天的分享就到這裡,想學習更多的編程知識,請關註標標老師。

相關焦點

  • three.js為何如此奇妙
    WebGL是在瀏覽器中實現三維效果的一套規範,而最初使用WebGL原生的API來寫3D程序是一件非常痛苦的事情,在辛苦的付出下WebGL開源框架出現了,其中three.js就是非常優秀的一個,它掩蓋了很多麻煩的細節,那麼,就讓我們一起來看看,什麼是three.js吧!
  • React vs Angular vs Vue.js——2019 該選誰?(更新版)
    我們分析了全世界要求特定框架知識的開發職位,以 Indeed.com 作為數據來源,根據 60,000 多個職位得到了如下分布。根據這些數據,我們決定分享每個前端框架的優缺點,幫助科技人員或工程師選擇最適合他們開發需求的前端框架。
  • Angular、React 當前,Vue.js 優劣幾何?
    很多時候,人們不會給 Vue.js 足夠的關注。因此,我想分享一些有關 Vue.js 的信息,以及我在使用 Vue.js 來構建生產應用中獲得的一些個人經驗。現在讓我們一起來問這個問題:Vue.js 是適合你的框架嗎?注意:我並不想說 Vue.js 比 React、Angular 或者其它的任何前端框架好。這裡我分享的只是我在項目中使用 Vue.js 而獲得的一些個人體驗。
  • JavaScript的內置對象Math
    各位小夥伴們大家好,這次小編要介紹的是JavaScript的一個內置對象Math。Math對象:執行常見的算數任務常用方法:round():四捨五入random():返回0-1之間的隨機數max():返回最高值min():返回最低值abs():返回絕對值js代碼如下:四捨五入:document.write(Math.round(2.5));(輸出的結果是三)隨機數:document.write(Math.random
  • Node.js核心框架貢獻者力作,終於有電子版了,還是高清PDF
    本書是Node.js的實戰教程,涵蓋了為開發產品及Node應用程式所需要的一切特性、技巧以及相關理念。從搭建Node開發環境,到一些簡單的演示程序,到開發複雜應用程式所必不可少的異步編程。第一部分介紹了Node.js,教授了一些用它做開發所需要的基礎技術。第l章闡述了Node的特徵,並給出了一些示例代碼。第2章指導讀者創建了一個示例程序。第3章闡述了Node.js開發的困難之處,以及可以用來克服這些困難的技術,並給出了組織程序代碼的辦法。
  • Vue.js 教程:構建一個特斯拉汽車餘電計算器
    本文最初發布於 DEV 網站,經原作者授權由 InfoQ 中文站翻譯並分享。這篇教程關注的是全新的汽車駕駛體驗。電動汽車已經是公認的未來趨勢。但很多人都關心的一個問題是,電車充滿電後究竟可以跑多遠?行駛速度、氣溫和輪轂尺寸會對續航裡程有什麼影響?
  • VUE與JS的對比
    我們需要一個UI元素和屬性相互綁定的方法 2. 我們需要監視屬性和UI元素的變化 3.我們需要讓所有綁定的對象和元素都能感知到變化1.1.1. vue與js的對比1.1.1.1. js的實現(了解)<!
  • Web3.js基於以太坊的Javascript API
    web3.js是一個庫集合,你可以使用HTTP或IPC連接本地或遠程以太它節點進行交互。 web3的JavaScript庫能夠與以太坊區塊鏈交互。 它可以檢索用戶帳戶,發送交易,與智能合約交互等。Version : 1.0.0-beta.36Web3.js API類型eth:Etherum區塊鏈相關方法;net:節點的網絡狀態;personal:帳戶功能和發送;db:獲取/放置本地LevelDB;shh:使用Whisper的P2P消息傳遞;安裝Web3.jsnode實例化web3首先,我們檢查是否使用的dapp
  • Vue.js深入學習
    v-model :實現表單元素和Model中數據的雙向數據綁定,只能用在表單元素中類樣式:使用v-bind 數組數組中使用三元表達式,:class="['thin','italic',{'active:false'}]"對象 :class={red:true,thin:true,italic:false}:style={color
  • 2021年JS框架預測和IT領域技術趨勢
    程式語言排名JavaScript 在 GitHub 和 StackOverflow 上仍然佔據著主導地位。提示 大家應該學習 JavaScript,尤其是學習 JavaScript 中的函數式編程。 JavaScript 的大多數頂級框架(包括 React、Redux、Lodash 和 Ramda)都基於函數式編程理念。TypeScript 超越 PHP 和 C# 躍居第四位,僅次於 Java、Python 和 JavaScript。
  • ThreeJS-初體驗(1.0)
    能幹什麼伴隨著人民日益增長的物質文化需要同落後的社會生產之間的矛盾,人們對於PC端和移動端的要求以及不僅僅局限於顯示一些平面頁面,開始有了一些3D方面的需求。出現了挺多優秀的3D解決方案,這其中thressjs就是其中的佼佼者。
  • 手寫動態 3D 蛛網圖 | THREE.js
    同時,不推薦動態圖,人老了後看起來眼花,當然某些場景下引入時間維度後,可以增強信息密度,如��動態柱狀圖和��動態折線圖。我們做人有原則,要麼嚴格遵守,要麼三條一起破壞。所以,今天做一個 3D 的、動態的雷達圖。最後選擇用 THREE.js 實現主體,用 DOM 實現控制項和交互。
  • 從Rust到遠方:ASM.js星系
    它是一個用來編譯輸出asm.js和WebAssembly的工具鏈,基於LLVM之上,能夠讓C和C++程序以接近原生應用的速 度運行在Web上,而且不需要任何插件。如果你和ASM.js或者WebAssembly打交道,遲早有一天你會看到這個名字。
  • 4種可用於組織大型Vue.js項目的最佳實踐
    圖源:unsplash作為基於JavaScript的框架,Vue.js最近幾年中發展迅速,原因很多,包括框架的簡單性、易於集成性、用戶友好性以及限制較少等等,這些特性也幫助Vue.js在與Angular和React競爭時有一戰之力
  • JavaScript基礎-內置對象
    自定義對象 、內置對象、 瀏覽器對象        前面兩種對象是JS 基礎 內容,屬於 ECMAScript; 第三個瀏覽器對象屬於 JS 獨有的, JS API 講解內置對象就是指 JS 語言自帶的一些對象,這些對象供開發者使用,並提供了一些常用的或是
  • Deno需要做什麼才能取代Node.js?
    什麼是DenoDeno是由Ryan Dahl(也是Node.js的原創者)創建的安全的JavaScript和TypeScript運行時,它的創建是為了彌補2009年首次設計Node.js時的疏忽。這種出發點很有意義,我敢肯定每個程式設計師都希望有機會重寫他們10年前的代碼。
  • 使用reveal.js製作精美的網頁版PPT
    本文轉載自【微信公眾號:趣談前端,ID:beautifulFront】經微信公眾號授權轉載,如需轉載與原文作者聯繫最近在做季度總結和技術分享,所以需要做個PPT, 來回顧這半年來的技術貢獻.但苦於mac上運行PPT那感人的流暢度, 成功的激起了筆者的強迫症, 所以索性想辦法通過技術的手段來做個網頁版PPT, 這個時候筆者發現了reveal.js: 一個使用 HTML 語言製作演示文稿的 Web 框架,支持插入多種格式的內容,並以類似 PPT 的形式呈現. 花了15分鐘系統的調研了一下, 覺得基本滿足技術分享類PPT的要求, 所以決定採用該方案來實現我的網頁版PPT.
  • React、Angular、Vue.js:三者完整的比較指南
    React和Angular在流行的前端框架類別中具有幾乎相同級別的用戶。Vue沒有在上述任何一個名單中佔據一席之地,但有能力參加這場戰鬥。現在,再看看GitHub上所有這三個框架評級的統計數據。這個GitHub為Angular,React和Vue創作的明星歷史展示了Vue.js在開發人員中的流行程度。
  • 基於WebGL的3D可視化告警系統關鍵技術解析 ThingJS
    新一代3D框架如果直接使用 WebGL開發3D效率比較低,需要開發者對圖形學知識有很深入的了解,碎片化的概念並不易於開發。為了解決開發效率低的問題,出現了基於 JavaScript語言的第三方庫-three.js,這是開源的技術,受到了廣大前端轉3D開發師的追捧。
  • total.js 2.4.0 發布,Node.js 的 MVC 框架
    total.js 2.4.0 發布了。total.js 是一個 web 應用框架,使用 JavaScript、HTML、CSS 和 Node.js(MVC) web 應用框架來構建 web 網站和 web 應用。