web內置對象

来源:https://www.cnblogs.com/weblxlx/archive/2018/11/16/9968419.html
-Advertisement-
Play Games

內置對象,宿主對象,自定義對象的區別? 內置對象: 系統所提供的對象:Object,Array,Math,Date等等。 宿主對象: JS所運行的環境提供的對象:BOM中的window,DOM中的document 自定義對象: 自定義構造函數所創建的對象 。 Array類型對象: 數組創建方式: 方 ...


內置對象,宿主對象,自定義對象的區別?     內置對象:         系統所提供的對象:Object,Array,Math,Date等等。     宿主對象:         JS所運行的環境提供的對象:BOM中的window,DOM中的document     自定義對象:         自定義構造函數所創建的對象 。   Array類型對象: 數組創建方式:     方式1:構造函數Array // 語法: var 數組名 = new Array(數據,數據,數據); // 代碼: var names = new Array('張三','李四','王五','趙六');     方式2:數組字面量(推薦 ) // 語法: var 數組名 = [數據,數據,數據];  // 數組字面量 // 代碼: var names = ['張三','李四','王五','趙六']; 數組對象常用的方法:     1.向前後數組添加元素:unshift()開頭添加   push()末尾添加 //  向數組的開頭添加一個或更多元素,並返回新的長度。【原數組會發生變化】 數組名.unshift(newelement1,newelement2,....,newelementX); // 向數組的末尾添加一個或更多元素,並返回新的長度 【原數組會發生變化】 數組名.push(newelement1,newelement2,....,newelementX);      2從數組前後刪除元素:shift()開頭刪除  pop() 末尾刪除 // 刪除並返回數組的第一個元素 【原數組會發生變化】 數組名.shift(); // 刪除並返回數組的最後一個元素 【原數組會發生變化】 數組名.pop();       3.數組任意位置添加,刪除    splice() // 向/從數組中添加/刪除項目,然後返回被刪除的項目。【原數組會發生變化】 數組名.splice(index,howmany,item1,.....,itemX) 參數:     index 從哪個位置開始刪    數字     howmany 刪除幾個    數字     item1,.....,itemX   新添加的數據(可以是多個)  可選    4.數組元素的查詢     indexOf()第一個索引      lastIndexOf()最後一個索引 // 返回在數組中可以找到一個給定元素的第一個索引,如果不存在,則返回-1 數組名.indexOf(searchElement); 【用的較多】 // 返回指定元素在數組中的最後一個的索引,如果不存在則返回 -1。從數組的後面向前查找 數組名.lastIndexOf(searchElement);     5.數組的反轉和排序   // 顛倒數組中元素的順序。 【原數組會發生變化】 數組名.reverse();   // 對數組的元素進行排序 數組名.sort();   // 預設排序順序是根據字元串Unicode編碼 【瞭解】
數組名.sort(function(a,b){    //【重點】
  return a - b;   // 升序(從小到大)
})
數組名.sort(function(a,b){    //【重點】   return a - b;   // 升序(從小到大) }) 數組名.sort(function(a,b){    //【重點】   return b - a;   // 降序(從大到小) })     6.數組截取 slice() 和splice()區分開 // 從已有的數組中返回選定的元素。【截取後,不會改變原數組,而是返回新的數組】 數組名.slice(start,end);    7.數組的拼接  join(‘拼接符’) // 用於把數組中的所有元素放入一個字元串。 數組名.join(separator);   8.數組的其他方法: // 數組遍歷 數組名.forEach(function(value,index,currentArray){   console.log(value); });   // 過濾出符合篩選條件的元素,返回一個新的數組 數組名.filter(function(value,index,currentArray){     return 條件;    // 如:return value >= 1000; });   // 驗證數組中的每一個元素是否都符合指定的條件,返回布爾值 數組名.every(function(value,index,currentArray){   return 條件;    // 如:return value >= 1000; });   // 驗證數組中的元素,是否有符合指定條件的,返回布爾值 數組名.some(function(value,index,currentArray){   return 條件;  // 如:return value >= 1000; });   // 遍曆數組中的每一個元素,更改後存入一個新的數組中,返回一個新的數組 數組名.map(function(value,index,currentArray){   return 操作;   // 如:return value * 2; });   字元串對象: 字元串的不可變性: var str = 'abc'; str = 'hello'; //當重新給str賦值 的時候,數據‘abc’不會被更改,依然在記憶體里 //當重新給字元串賦值時,會在記憶體里重新開闢一片空間 ,這就是字元串的不可變性 //在大量拼接字元串的時候會有效率問題   為什麼基本數據類型字元串可以以像對象一樣使用? // 普通字元串 var str = 'abc';   // 普通字元串不是對象 var len = str.length; // 但是為什麼可以像對象一樣使用點出東西? alert(len); // 3   //把字元串包裝成對象 → 基本包裝類型 var strObj = new String('abc');  // 把字元串包裝成對象 var len = strObj.length;  // 因為是對象,所以可以點出東西。 alert(len); //3 字元串對象常用方法:         1.獲取字元串的單個字元   charAt(index) 字元串.charAt(index); 字元串[index];      // 推薦使用         2.字元串拼接   ‘+’ 和截取slice()     // 拼接 字元串.concat(str1,str2,str3...); 拼接符 +     //推薦使用   // 截取 字元串.slice(star,end);             3.查詢字元在字元串中是否存在indexOf() 字元串.indexOf(); 字元串.lastIndexOf();         4.清除空白符  trim() 字元串.trim();  // 去除字元串兩邊的空格         5.字母字元 大小寫轉換  toUpperCase()   toLowerCase()         6.字元串替換 replace(older,new)         7.分割字元串split(‘=’) Math對象     Math對象常用屬性和方法:             1. Math.abs(數字); 獲取一個數字的絕對值                  2. Math.round(數字); 四捨五入              3.Math.PI; π              4.Math.ceil(數字); 向上取整              5.Math.floor(數字); 向下取整              6.Math.random(); 隨機數[0,1);              7.Math.max(數字,數字,數字...); 求最大數              8.Math.min(數字,數字,數字...); 求最小數     date對象   Date類型對象介紹   Date類型對象是JavaScript提供的日期和時間的操作介面。它可以表示的時間範圍是,1970年1月1日00:00:00前後的各1億天(單位為毫秒)。 創建Date對象 var 變數名 = new Date();   // 創建當前時間對象 var date = new Date(); console.log(date); 方法2 var 變數名 = new Date(stringdate);  // 創建指定的時間對象 // 參數 stringdate, 字元串格式→ 'year-month-date hh:mm:ss'   或  'year/month/date hh:mm:ss' var date = new Date('2018/10/16 12:12:12'); var date2 = new Date('2018-10-16 12:12:12'); console.log(date); console.log(date2); 方法3 var 變數名 = new Date(value);  // 創建1970年開始value毫秒後的時間對象 // 參數 value, 數字,指的是毫秒數 var date = new Date(99999999999); console.log(date);   常用的Date類型對象方法 1獲取和設置年月日 日期對象.getFullYear() / 日期對象.setFullYear(數字) // 年   日期對象.getMonth() / 日期對象.setMonth(數字)   // 月 註意:獲取月份是從0開始的   日期對象.getDate() / 日期對象.setDate(數字)  //日 2獲取和設置時分秒 日期對象.getHours()  /  日期對象.setHours(數字)  // 時   日期對象.getMinutes()  /  日期對象.setMinutes(數字) // 分   日期對象.getSeconds()  /  日期對象.setMinutes(數字) // 秒   對象. getMilliseconds()  / 對象.setMilliseconds(數字) // 毫秒 3獲取星期數 日期對象.getDay();   // 0-6(周日0到周六6) 不能夠設置,原因是周天是由今天的日期決定的。 4獲取1970年至指定時間的總毫秒數 日期對象.getTime()  /  日期對象.setTime(數字);
您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • css中url(../images/1.jpg)路徑是相對於index.css的 js中url(images/1.jpg)路徑是相對於index.html的,並不是相對於index.js ...
  • 入門者的知識體系包括哪些東西呢,下麵是我的個人看法,按照這個流程走不一定立刻成為大牛,至少能讓入門者抓住重點一步步走下去: 1. 基本工具使用Git/GitHub的熟練使用,編輯器(sublime、webstrom、atom、vscode)的體驗區分與使用,chrome開發調試工具的使用,Photo ...
  • CSS2多媒體查詢: @media規則在css2中有介紹,針對不同媒體類型(包括顯示器,便攜設備,電視機,等等)可以定製不同的樣式規則。 CSS3多媒體查詢: CSS3多媒體查詢繼承了CSS2多媒體類型的所有思想,取代了查找設備的類型,CSS3根據設置自適應顯示。 多媒體查詢可以檢查很多事情: vi ...
  • 在C語言中,有三種類型的迴圈語句:for語句、while語句和do While語句。分別介紹如下: 摺疊 for for為當型迴圈語句,它很好地體現了正確表達迴圈結構應註意的三個問題: ⑴控制變數的初始化。 ⑵迴圈的條件。 ⑶迴圈控制變數的更新。 for表達式 表達式1:一般為賦值表達式,給控制變數 ...
  • 一、javaScript中如何檢測一個變數是 String 類型: 1. typeto(obj) "srting" 2. typeTo obj "string" 3. obj.constructor string 二、用js去除字元串空格的方法? 1. 使用正則匹配的方式: a: str = str ...
  • 函數聲明: 1.顧名思義,聲明一個函數, 用關鍵字 “function” 來告訴,這是一個函數。 2.任何地方,想用就可以拿過來使用 函數表達式: 表達式, 最先想到的賦值表達式,如 a = b; 1.表達式與聲明的區別之一, 末尾有無 分號(;) 結束。 2.表達式不同於聲明的區別之二: 函數表達 ...
  • html5手機瀏覽器啟動微信客戶端支付實例,外部瀏覽器html5微信支付技術,如何在手機瀏覽器微信支付,在微信客戶端外的移動端網頁使用微信支付 首先在微信支付官網https://pay.weixin.qq.com/【我的產品】申請h5支付,免費申請的哦,很快就可以下來。 若出現上方截圖說明您申請h5 ...
  • JavaScript基礎(一) JavaScript是一種弱類型的腳本語言;根據賦值決定變數的類型 var a = 3; (變數聲明之前必須用var聲明,編程規範!) 變數的命名規範 變數聲明 全局變數 : 1.在方法外部聲明的變數 2.方法內部,沒有加var關鍵字聲明的變數 局部變數 1.方法內部 ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...