JavaScript的內置對象

来源:https://www.cnblogs.com/yjtxin/archive/2020/06/02/13031647.html
-Advertisement-
Play Games

內置對象:對象是由屬性和方法組成的,使用點語法訪問 一,array數組 1. 特點: 數組用於存儲若幹數據,自動為每位數據分配下標,從0開始 數組中的元素不限數據類型,長度可以動態調整 動態操作數組元素 :根據元素下標讀取或修改數組元素,arr[index] 2. 屬性和方法: 屬性 : lengt ...


內置對象:對象是由屬性和方法組成的,使用點語法訪問

一,array數組

1. 特點:

  • 數組用於存儲若幹數據,自動為每位數據分配下標,從0開始

  • 數組中的元素不限數據類型,長度可以動態調整

  • 動態操作數組元素 :根據元素下標讀取或修改數組元素,arr[index]

2. 屬性和方法:

屬性 : length 表示數組長度,可讀可寫

方法 :

push(data) :在數組的末尾添加一個或多個元素,多個元素之間使用逗號隔開 返回添加之後的數組長度

pop() :移除末尾元素 ,返回被移除的元素

unshift(data) :在數組的頭部添加一個或多個元素 ,返回添加之後的數組長度

shift() :移除數組的第一個元素 ,返回被移除的元素

splice():刪除指定位置和長度的元素,返回被刪除的元素

toString() :將數組轉換成字元串類型, 返回字元串結果

join(param) :將數組轉換成字元串,可以指定元素之間的連接符,如果參數省略,預設按照逗號連接 ,返回字元串

reverse() :反轉數組,倒序重排 ,返回重排的數組,註意該方法直接修改原數組的結構

sort() :對數組中元素排序,預設按照Unicode編碼升序排列 ,返回重排後的數組,直接修改原有數組 參數 : 可選,自定義排序演算法

例:

//自定義升序
  function sortASC(a,b){
    return a-b;
  }

// 作用:作為參數傳遞到sort()中,會自動傳入兩個元素進行比較,如果a-b>0,交換元素的值,自定義升序排列

//自定義降序
  function sortDESC(a,b){
      return b-a;
  }
//如果返回值>0,交換元素的值,b-a表示降序排列

3.二維數組

數組中的每個元素又是數組

 var arr1 = [1,2,3];    //普通數組
 var arr2 = [[1,2],[3,4],[5,6,7]];    //二維數組,數組裡面又包含數組

 arr2[0][0]
 arr2[0][1]
 arr2[1][0]
 arr2[1][1]
 arr2[2][0]
 arr2[2][1]
 //操作數組元素
 var r1 = arr2[0] //內層數組
 var num = r1[0]; //值 1
 //簡寫
 var num2 = arr2[1][0];

二,string對象

1. 創建

   var str = "100";
   var str2 = new String("hello");

2. 特點:字元串採用數組結構存儲每位字元,自動為字元分配下標,從0開始

3. 屬性:

length :獲取字元串長度

4. 方法

1,轉換字母大小寫 :

toUpperCase() 轉大寫字母

toLowerCase() 轉小寫字母

返迴轉換後的字元串,不影響原始字元串

2,獲取字元或字元編碼:

charAt(index) 獲取指定下標的字元

charCodeAt(index) 獲取指定下標的字元編碼

參數為指定的下標,可以省略,預設為0

3,獲取指定字元的下標:

indexOf(str,fromIndex) 作用 : 獲取指定字元的下標,,前向後查詢,找到即返回

參數 : str 表示要查找的字元串,必填 fromIndex 表示起始下標,預設為0 返回 : 返回指定字元的下標,查找失敗返回-1

lastIndexOf(str,fromIndex) 作用 : 獲取指定字元最後一次出現的下標,從後向前查找,找到即返回

參數 : str 必填,表示要查找的內容 fromIndex 選填,指定起始下標

4,截取字元串

substring(startIndex,endIndex) 作用 : 根據指定的下標範圍截取字元串,startIndex ~ endIndex-1

參數 : startIndex 表示起始下標 endIndex 表示結束下標,可以省略,省略表示截止末尾

substr(startIndex,len)

作用:根據下標截取指定的字元串

5,分割字元串

split(param) 作用 : 將字元串按照指定的字元進行分割,以數組形式返回分割結果

參數 : 指定分隔符,必須是字元串中存在的字元,如果字元串中不存在,分割失敗,仍然返回數組

6,模式匹配

正則表達式對象:RegExp

RegExp : Regualr Expression

語法:

var reg1 = /微軟/ig;
var reg2 = new RegExp('匹配模式','修飾符');
正則表達式對象可以接收一個變數。

屬性 :

lastIndex : 可讀可寫,表示下一次匹配的起始索引
 註意 :
1,預設情況下,正則表達式對象不能重覆調用方法,
如果重覆調用,結果會出錯: 由於 lastIndex 保存再一次匹配的起始下標,
重覆調用時,不能保證每次都從下標0開始 驗證,可以手動調整 lastIndex 為 02,只有正則對象設置全局匹配 g ,該屬性才起作用。

方法 :

方法:
test(str) :驗證字元串中是否存在滿足正則匹配模式的內容,存在則返回true,
不存在返回false參數為要驗證的字元串。

作用 : 藉助正則表達式實現字元串中固定格式內容的查找和替換
正則表達式 : var reg1 = /字元模式/修飾符; 
修飾符 : i : ignorecase 忽略大小寫 g : global 全局範圍 

字元串方法 :
match(regExp/subStr) 
作用 : 查找字元串中滿足正則格式或滿足指定字元串的內容 返回 : 數組,存放查找結果
replace(regExp/subStr,newStr) 
作用 : 根據正則表達式或字元串查找相關內容併進行替換 返回 : 替換後的字元串,不影響原始字元串。

三,Math對象

1. 定義:

Math對象主要提供一些列數學運算的方法

2. 屬性:

屬性:
圓周率 : Math.PI
自然對數 : Math.E

3. 方法:

Math.random(); 生成0-1之間的隨機數
Math.ceil(x); 對x向上取整,忽略小數位,整數位+1
Math.floor(x); 對x向下取整,捨棄小數位,保留整數位
Math.round(x); 對x四捨五入取整數

四,日期對象

1. 創建日期對象

var date2 = new Date("2011/11/11");
var date3 = new Date("2011/11/11 11:11:11");

2. 日期對象方法

讀取或設置當前時間的毫秒數:getTime()
獲取時間分量
getFullYear()
getMonth()
getDate()

您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 一、複習總結內容: android的起源、架構、分層 android開發環境安裝​ android開發目錄內容介紹 二、 1.Android是基於Linux開發的。 2.Android分為四層架構、五塊區域 四層架構:(1)Linux內核層;(提供了各種驅動等)(2)系統運行層;(各種庫,C/C++ ...
  • SpotLight主要功能是在iOS9系統界面下拉會出現搜索功能界面,在這裡可以搜索關鍵信息,來展示應用內的內容,並且點擊信息打開應用跳轉具體頁面等操作。這個功能還是很有用的,面對這越來越多的應用霸占你手機,給你的應用加上這麼一個搜搜功能,還是有點與眾不同,主要是提升逼格。 1、導入頭文件 impo ...
  • javascript的三種對話框是通過調用window對象的三個方法alert(),confirm()和prompt()來獲得,可以利用這些對話框來完成js的輸入和輸出,實現與用戶能進行交互的js代碼。 第一種:alert()方法 警告框alert() alert是警告框,只有一個按鈕“確定”無返回 ...
  • JordyCorner = { /* * < summary > * 在頁面onload時調用,進行倒角處理。(使用容器的底色畫出倒角。) * 要求:1、只需調用一次 * 2、指定元素的父容器必須為純色 * 3、自動把padding設為0,把大小移到新插入元素內而保持原來的相對尺寸 ! ! * < ...
  • 1. <form>標簽 表單容器,指定method屬性和action屬性是個良好的習慣。 <form methor="POST" action="http://www.juetan.cn/user/1"> //其他屬性: name:表單名稱,便於在Javascript中引用該表單。 target:表 ...
  • 在我們開發BS頁面的時候,往往需要瞭解常規界面組件的使用,小到最普通的單文本輸入框、多文本框、下拉列表,以及按鈕、圖片展示、彈出對話框、表單處理等等,本篇隨筆基於普通表格業務的展示錄入的場景介紹這些常規Element組件的使用,使得我們對如何利用Element組件有一個大概的認識。 ...
  • Checkbox a-checkbox 沒有value屬性,綁定用checked Collapse 使用摺疊面板的時候,antd 的層級關係是 .ant-collapse >.ant-collapse-item > .ant-collapse-content > .ant-collapse-cont ...
  • <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...