JavaScript 基礎第五天

来源:http://www.cnblogs.com/wjwcn/archive/2016/08/04/5738699.html
-Advertisement-
Play Games

一、引言 前面我們討論了函數的一些基本概念，因為函數在任何一門語言之中都是很重要所以還是要好好學。昨天打開博客的時候看到有人私信我的JavaScript寫錯了，我定睛一看果然寫錯了。對此我表示很抱歉，希望大家能夠看得時候多噴我兩句就忘了這件事吧。 二、導入 今天我們要討論一下有關於對象的內容，我們首 ...


一、引言

　　前面我們討論了函數的一些基本概念，因為函數在任何一門語言之中都是很重要所以還是要好好學。昨天打開博客的時候看到有人私信我的JavaScript寫錯了，我定睛一看果然寫錯了。對此我表示很抱歉，希望大家能夠看得時候多噴我兩句就忘了這件事吧。

 

二、導入

 

　　今天我們要討論一下有關於對象的內容，我們首先要接觸的就是一些內置的對象。　

三、重點內容

　　①　對象：

　　　　W3C上面寫道：“屬性的無序集合，每個屬性存放一個原始值、對象或函數。因為在JS當中沒有真正類所以把類定義描述為對象的配方。我們也把對象定義叫做類，因為大多數開發者對此術語更熟悉，而且從功能上說，兩者是等價的“”

　　②　內置對象：

        　　內置對象就是系統已經幫我們定義好的對象（類似於Math，Date，Array等）。

　　③　Math對象方法：

　　　　　1) Math.ceil(): 天花板函數，向上取整。

 

console.log(Math.ceil(9.9));

　　　　　2) Math.floor(); 地板函數，向下取整。

console.log(Math.floor(9.9));

　　　　　3) Math.abs(); 獲取數值的絕對值。

console.log(Math.abs(-9.9));

　　　　　4) Math.random(); 獲取0-1的隨機數。

console.log(Math.random());

　　　　　5) Math.pow(); 獲取x的y次冪。

console.log(Math.pow(10,2));

　　　　　6) Math.max(); 獲取兩個數中的最大值。

console.log(Math.max(10,20));

　　　　　7) Math,min(); 獲取兩個數中的最小值。

 

onsole.log(Math.min(10,20));

 

　　　　④　Date對象方法：

　　　　　　1) 轉換日期：

var date = new Date(2016,06,10);
console.log(date);

　　　　　　2) 返回1970年1月1日午夜到指定日期（字元串）的毫秒數。

var date = Date.parse("2016-08-02")
console.log(date);

 

　　　　　　3) 直接獲取日期的毫秒

      1. Html5格式的
var date = Date.now();
console.log(date);

 

　　　　　　　　　2. 推薦格式的

var date = +new Date();
console.log(date);

 

　　　　　4) 獲取日期的指定部分

        1. 返回4位數的年份
var year = date.getFullYear();
console.log(year);

 

 

　　　　　　　　　　　　　2. 返回月份從0開始

var month = date.getMonth();
console.log(month);

 

 

　　　　　　　　　　　　　3. 返回當月的的第幾天

var day = date.getDate();
console.log(day);

 

　　　　　　　　　　　　　4. 返回0-23的小時數

var hours = date.getHours();
console.log(hours);

 

 

　　　　　　　　　　　　　5. 返回0-59的分鐘數字

var minutes = date.getMinutes();
console.log(minutes);

 

 

　　　　　　　　　　　　　6. 返回0-59的秒數

var seconds = date.getSeconds();
console.log(seconds);

 

 

　　　　　　　　　　　　　7.返回毫秒數和valueOf()結果一樣

var Milliseconds = date.getTime();
console.log(Milliseconds);

 

　　　　　　　　　　　　　8. 返回毫秒數字

var Milliseconds = date.getMilliseconds();
console.log(Milliseconds);

 

 

　　　　　　　　　　　　　9. 返回星期幾

var day = date.getDay();
console.log(day);

 

 

 

　　　　⑤　Array 對象方法：

　　　　　　1) Slice方法：slice(start,end)  [start end)（取頭不取尾）

      1. end 的取值為正值的時候：

　　　　　　　　　　　　從start開始取，取不到end　　　　　　　

　console.log(arr.slice(0,2));

 

 

　　　　　　　　　2. end 的取值為負值的時候：

　　　　　　　　　　　　如果end為負數，表示索引為數組的長度+負數

console.log(arr.slice(0,-2));

 

 

　　　　　　2) 轉換數組：

      1. toString 把數組轉化成字元轉。
console.log(arr.toString()); 

　　　　　　　　　2. valueOf 返回數組對象本身

　　　　　　3) 獲取數組中某元素的索引

      1. indexOf 返回數組的下標（其中有兩個元素的情況）

　　　　　　　　　　　　　　a) 一個參數：

console.log(arr1.indexOf(1));

 

 

　　　　　　　　　　　　　　b) 兩個參數：第二個參數規定開始檢索的位置

console.log(arr1.indexOf(1,2));

　　　　　　4) 追加和刪除

      1.  push(); 添加到數組的最後面。
arr.push("abc");
console.log(arr);

 

　　　　　　　　　2. pop(); 刪除數組的最後一個。

arr.pop();
console.log(arr);

 

 　　　　　　　　　3. shift(); 刪除數組的最前面的一個。

arr.shift();
console.log(arr);

 

 　　　　　　　　　4. unshift(); 添加在數組的最前面。

arr.unshift(1);
console.log(arr);

 

 

　　　　　5) 數組排序

      1. reverse(); 翻轉數組中的元素。
arr.reverse();
console.log(arr);

 

 　　　　　　　　　2. sort(); 將數組中的元素排序

arr.sort(function(a,b){
   return a-b;
});
console.log(arr);

 

 

　　　　　6) 數組迭代

      1. filter(); 返回值為true的留下，返回值為false的捨去
var arr = arr.filter(function(element,inedx,num){
    if(element<5){
        return true
    }else{
        return false;
    }
});
console.log(arr);

　　　　　　　　　　2. forEach(); 便利迴圈數組裡的每一個元素

var arr3= arr.forEach(function(element,index,num){
    console.log(element);
    console.log(index);
})

 

 

　　　　　7) 數組清空

      1. array.splice(0,arr.length);  刪除數組中的所有項目
      2. array.length=0;  length可讀可複製，賦值為0清空數組
      3. array = []

　　　　　8) 操作數組

      1. join() 將數組中的元素通過制定符號連成字元串
var arr4 = arr.join("|")
console.log(arr4)

 

 　　　　　　　　　2. concat();  連接兩個數組

var arr5 = arr.concat(arr2);
console.log(arr5);

 

 　　　　　　　　　3. slice從當前數組中截取一個新的數組，不影響原來的數組。參數start從0開始,end從1開始,end截取不到。

var arr6 = arr.slice(0,3)
console.log(arr6);

 

　　　　　　　　　4. 刪除或替換當前數組的某些項目，參數start,deleteCount,options(要替換的項目),    

var arr7 = arr.splice(0,3);
console.log(arr7);

　　　　　⑥　字元串部分：

　　　　　　1) 獲取字元串中的索引：

      1. inidexOf 返回指定內容在字元串中的位置
console.log(str.indexOf("W"));

 

 　　　　　　　　　2. lastIndexOf 從後向前找，只找第一個匹配的

console.log(str.lastIndexOf("l"));

 

 

　　　　　　2) 去除空白：trim()只能去除字元串前後的空白

var str1 = " Hello World "
console.log(str1);
console.log(str1.trim());

 

 

　　　　　　3) 字元串轉換大小寫：

      1. 轉大寫 toUpperCase()
console.log(str.toUpperCase());

 

　　　　　　　　　2. 轉小寫 toLowerCase()

console.log(str.toLowerCase());

 

 

　　　　　　4) 字元串操作方法：

      1. concat(); 拼接字元串，等效於+，+更常用
console.log(str.concat(str1));

 

 　　　　　　　　　2. slice();  從start位置開始，截取到end位置，end取不到

console.log(str.slice(0,3));

　　　　　　　　 　3. substring();從start位置開始，截取到end位置，end取不到 

console.log(str.substring(0,3)); 

　　　　　　　　　  4. substr(); 從start位置開始，截取length個字元，只有一個就參數就截取到最後

console.log(str.substr(0,4));

 

　　　　　　　　　　5. replace();替換字元串的某元素,並返回替換後的字元串

console.log(str.replace("H","h"));

 

 　　　　　　　　　　6. split();將字元串分割(轉換)成數組

console.log(str.split(0,4));

　　　　　　　　　　 7. 需要區分是的是substring();substr();slice()

　　　　　　　　　　　　　　a) 當只有一個正參數的時候：

　　　　　　　　　　　　　　　　都返回的是從正參數開始後面的字元串

console.log(str.slice(1));
console.log(str.substr(1));
console.log(str.substring(1));

 

 

　　　　　　　　　　　　　　b) 當只有一個負參數的時候：

console.log(str.slice(-1));/傳入負數，相當於傳入length + (-1)，倒著取,相當於倒著取兩個
console.log(str.substr(-1));傳入負數，相當於傳入length + (-1)  // 倒著截取
console.log(str.substring(-1));傳入負數，相當於傳入0     相當於全部截取

 

 

　　　　　　　　　　　　　　c) 當有兩個正參數的時候

console.log(str.slice(0,1));取指定索引數
console.log(str.substr(0,1));截取指定字元數
console.log(str.substring(0,1));取制定索引的數

 

 

　　　　　　　　　　　　　　d) 當有一正一負的時候

console.log(str.slice(0,-1));第二個參數，也相當於 length + (-1)
console.log(str.substr(0,-1));第二個參數，如果傳入負數相當於0 截取不到，為空
console.log(str.substring(1,-5));第二個參數，如果是負數相當於0，但是此方法會把從兩個參數中最小的值作為起始值開始截取

四、總結

　　　　感覺一口氣總結完有點累，希望大家可以有所補充。

　

 


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

-Advertisement-
Play Games
更多相關文章
  • 深入理解javascript函數系列第四篇——ES6函數擴展
    [1]參數預設值 [2]rest參數 [3]擴展運算符 [4]箭頭函數 ...
  • jQuery.Data源碼
    jQuery.data的是jQuery的數據緩存系統。它的主要作用就是為普通對象或者DOM元素添加數據。 1 內部存儲原理 這個原理很簡單，原本要添加在DOM元素本身的數據，現在被集中的存儲在cache集合中。它們之間靠一個從1開始的數字鍵來聯繫著。這樣DOM元素就不會像以前那麼笨重了，更不會出現以... ...
  • JavaScript 基礎第六天
    一、引言 前面我們介紹了有關於內置對象的很多很多的API，講道理得話如果想徹底的掌握那一定要經過一定的代碼段沉澱下。大家可以想象一下，既然在程式中有很多的內置對象供我們使用，那我們是不是也可以定義一些對象作為我們自己的特用對象呢？答案肯定是可以的。 二、導入 在工作中根據內容需求不同我們可以定義不同 ...
  • JavaScript中的this引用
    在JavaScript的學習當中，this關鍵字的出現頻率可不低，所以想想有必要對this關鍵字做一個總結。在總結過程中，參考的資料來源於書本及網上。 一、定義 1、this是函數內部的一個特殊對象（或this引用）--它引用的是函數據以執行的環境對象。（來源於JavaScript高級程式設計） 2 ...
  • JS正則表達式總結
    正則需要傳參時,必須使用new RegExp(); var re = new RegExp('\\b'+sClass+'\\b'); 量詞,轉義字元: \s : 空格\S : 非空格 \d : 數字\D : 非數字 \w : 字元(字母,數字,下劃線)\W : 非字元 \. :真正的點 \b:獨立的 ...
  • select元素中設置padding效果
    給select元素增加：padding-left：20px;但是未生效，如下圖所示： 在select上如何使設置padding生效？ 方法一： 設置屬性appearance： 給select增加屬性： appearance: none; -webkit-appearance: none; 效果如下： ...
  • CSS樣式權值
    內聯樣式表(InLine style)>內部樣式表(Internal style sheet)>外部樣式表(External style sheet) 例外:但如果外部樣式表放在內部樣式表下邊引用,則外部樣式表>內部樣式表; 1,內聯樣式表權值為1000; 2,ID選擇器的權值為100; 3,Cla ...
  • 隨堂筆記之正則與HTML5新元素
    在進入主題前，先插個網站https://www.processon.com/ ProcessOn是一個線上協作繪圖平臺,為用戶提供最強大、易用的作圖工具! 它可以很方便的線上簡單繪製一些東西，讓自己去具體理解。 正則表達式 今日的正則只是學習正則的簡單使用。在HTML5的標簽屬性的強大面前，我們 已 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 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 ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類