JavaScript 數組,字元串,函數

来源:https://www.cnblogs.com/py-web/archive/2020/01/08/12165207.html
-Advertisement-
Play Games

數組創建數組利用 new 創建數組 var arr = new Array();console.log(arr); // Array(0)數組字面量創建var arr = []; // 空數組var arr1 = ['1', '2'] // 初始值數組數組中的元素數組裡面的元素類型可以放任意類型va... ...


數組

創建數組
  • 利用 new 創建數組
var arr = new Array();
console.log(arr); // Array(0)
  • 數組字面量創建
var arr = [];  // 空數組
var arr1 = ['1', '2']  // 初始值數組
數組中的元素
  • 數組裡面的元素類型

可以放任意類型

var arr = [1, '3', true, 1.9]
  • 獲取元素

通過索引, 索引是 0 開始

var arr = [1, '3', true, 1.9];
console.log(arr[0]);  // 1
  • 增加元素

可以通過.length在末尾增加元素

var arr = [1, 2];
arr[arr.length] = 3;
console.log(arr);  // (3) [1, 2, 3]
  • 添加,刪除數組元素

方法名

說明

返回值

push(參數1)

末尾添加一個或多個,修改原來數組

返回新的長度

pop()

刪除最後一個元素,修改原來數組

返回刪除的元素值

unshift(參數1)

開頭添加一個或多個元素,修改原數組

返回新的長度

shift()

刪除數組第一參數,修改原數組

返回第一個元素值

排序

方法名

說明

是否修改原來數組

reverse()

顛倒數組中的元素

返回新數組

sort()

對元素進行排序

返回新數組

索引

image

轉換為字元串

image

join方法如果不傳入參數,則按照 “ , ”拼接元素

其他方法

image

遍曆數組
  • 遍歷

for 迴圈遍曆數組中每一項

var arr = [1, '3', true, 1.9];
for (var i=0; i<arr.length; i++) {
    console.log(arr[i]);
}  // 1 3 true 1.9
  • 數組長度

數組中的元素個數

var arrStus = [1,2,3];
alert(arrStus.length);  // 3
檢查是否為數組
  • instanceof 運算符

判斷一個對象是否是某個構造函數的實例

var arr = [1, 2];
var obj = {};
console.log(arr instanceof Array);  // true
console.log(obj instanceof Array);  // false
  • Array.isArray()

Array.isArray()用於判斷一個對象是否為數組

var arr = [1, 2];
var obj = {};
console.log(arr.isArray()); // true
console.log(obj.isArray()); // false


字元串

根據字元返回位置

image

根據位置返回字元

image

字元串操作方法


方法名

說明

concat(str1, str2)

連接兩個或多個字元串,等效於+

substr(start, length)

從start(索引)開始,length 取的個數

slice(start, end)

從start位置開始,到end位置結束,end不取(兩個都是索引號)

substring(start, end)

從start位置開始,到end位置結束,end不取 跟slice雷同,但是不取 - 的索引(兩個都是索引號)

replace() 方法

字元串.replace(被替換的字元串, 要替換為的字元串);

split() 方法

字元串.split("分割字元");

它可以將字元串切分為數組,返回的是一個新數組


函數

  • 函數感念

函數:就是封裝了一段可被重覆調用執行的代碼塊。通過此代碼塊可以實現大量代碼的重覆使用。但是比較具有局限性。

聲明函數
  • 自定義函數方式(命名函數)

// 聲明函數 function 函數名() { //函數體代碼 } function Getnum() { console.log('1122'); }

// 調用函數 函數名(); // 通過調用函數名來執行函數體代碼 Getnum();

  • 函數表達式方式(匿名函數)
// 這是函數表達式寫法,匿名函數後面跟分號結束
var fn = function(){...};
// 調用的方式,函數調用必須寫到函數體下麵
fn();
函數參數

參數

說明

形參

函數定義的時候 傳遞的參數 當前並不知道是什麼

實參

函數調用的時候 傳遞給參數 實參傳給形參


// 帶參數的函數聲明
function 函數名(形參1, 形參2 , 形參3...) { // 可以定義任意多的參數,用逗號分隔
  // 函數體
}
// 帶參數的函數調用
函數名(實參1, 實參2, 實參3...);
  • 形參和實參不匹配

參數個數

說明

實參 == 形參 個數

輸出正常

實參 > 形參 個數

只取形參的個數

實參 < 形參 個數

多的形參為underfined 結果NaN

function Getnum(a, b, c) {
    console.log(a, b, c);
}

Getnum(1, 2);  // 1 2  實參 == 形參
Getnum(1, 2, 3);  // 1 2  實參 >  形參
Getnum(1, 2);  // 1 2 undefined  實參 < 形參
  • arguments

當不確定有多少個參數傳遞的時候,可以用 arguments 來獲取.

  1. 具有.length 屬性
  2. 按索引方式儲存數據
  3. 不具有數組的 push , pop 等方法
function Getnum() {
    console.log(arguments);
}

Getnum(1, 2 ,3)  // Arguments(3) [1, 2, 3, callee: ƒ, Symbol(Symbol.iterator): ƒ]
函數返回值
// 聲明函數
function 函數名(){
    ...
    return  需要返回的值;
}
// 調用函數
函數名();    // 此時調用函數就可以得到函數體內return 後面的值
  • return

不僅可以退出迴圈,還能夠返回 return 語句中的值,同時還可以結束當前的函數體內的代碼

  • break

結束當前的迴圈體(如 for、while)

  • continue

跳出本次迴圈,繼續執行下次迴圈(如 for、while)


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

-Advertisement-
Play Games
更多相關文章
  • 初學Vue,寫一些隨便謹防忘記,不足之處謝謝指出!!! <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>生命周期</title> <script src="../js/vue.js"></script> </ ...
  • 中國風配色 zhongguose.com 超美的中國風配色,網站號稱收集了最全的中國色,還有中英文互譯,非常貼心,五星好評。 ColorGG​ Colorgg.com是一個免費的顏色工具,提供有關顏色信息,為您生成互補色、類似色、分裂補色、三元、四元、單色等配色方案。 日本傳統配色 nipponco ...
  • swipper快速切換插件 swipper.js自己去官網下載哈。先來一個tab切換案例: demo.html <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=devi ...
  • zepto.js自己去官網下載哈。 DOM操作 $(document).ready(function(){ var $cr = $("<div class='cr'>插入的div</div>"); // 插入操作 $("#a").append($cr); $cr.appendTo($("#a")); ...
  • 1. "事件迴圈、執行棧和任務隊列可視化" 這個巨集任務、微任務,自帶例子,也可以自己編輯,不過超過5s的例子就不行 2. "JavaScript Visualizer" Tyler Mcginnis大佬的Advanced JS課程配套的可視化工具,只能用ES5語法。 3. "JavaScript T ...
  • 創建對象利用字面量創建對象就是花括弧 { } 裡面包含了表達這個具體事物(對象)的屬性和方法;{ } 裡面採取鍵值對的形式表示 鍵:相當於屬性名值:相當於屬性值var star = { name: 'peach', age: 18, sayhi: function () { alert('hello... ...
  • layui表單的下拉選擇框select禁止點擊/禁用/不可操作的實現方法 ...
  • 使用fetch進行數據請求返回response對象,response.json報錯。原因是response中含有特殊字元。 fetch(url).then(response => response.json()) .then(data => console.log(data)) .catch(e = ...
一周排行
    -Advertisement-
    Play Games
  • Timer是什麼 Timer 是一種用於創建定期粒度行為的機制。 與標準的 .NET System.Threading.Timer 類相似,Orleans 的 Timer 允許在一段時間後執行特定的操作,或者在特定的時間間隔內重覆執行操作。 它在分散式系統中具有重要作用,特別是在處理需要周期性執行的 ...
  • 前言 相信很多做WPF開發的小伙伴都遇到過表格類的需求,雖然現有的Grid控制項也能實現,但是使用起來的體驗感並不好,比如要實現一個Excel中的表格效果,估計你能想到的第一個方法就是套Border控制項,用這種方法你需要控制每個Border的邊框,並且在一堆Bordr中找到Grid.Row,Grid. ...
  • .NET C#程式啟動閃退,目錄導致的問題 這是第2次踩這個坑了,很小的編程細節,容易忽略,所以寫個博客,分享給大家。 1.第一次坑:是windows 系統把程式運行成服務,找不到配置文件,原因是以服務運行它的工作目錄是在C:\Windows\System32 2.本次坑:WPF桌面程式通過註冊表設 ...
  • 在分散式系統中,數據的持久化是至關重要的一環。 Orleans 7 引入了強大的持久化功能,使得在分散式環境下管理數據變得更加輕鬆和可靠。 本文將介紹什麼是 Orleans 7 的持久化,如何設置它以及相應的代碼示例。 什麼是 Orleans 7 的持久化? Orleans 7 的持久化是指將 Or ...
  • 前言 .NET Feature Management 是一個用於管理應用程式功能的庫,它可以幫助開發人員在應用程式中輕鬆地添加、移除和管理功能。使用 Feature Management,開發人員可以根據不同用戶、環境或其他條件來動態地控制應用程式中的功能。這使得開發人員可以更靈活地管理應用程式的功 ...
  • 在 WPF 應用程式中,拖放操作是實現用戶交互的重要組成部分。通過拖放操作,用戶可以輕鬆地將數據從一個位置移動到另一個位置,或者將控制項從一個容器移動到另一個容器。然而,WPF 中預設的拖放操作可能並不是那麼好用。為瞭解決這個問題,我們可以自定義一個 Panel 來實現更簡單的拖拽操作。 自定義 Pa ...
  • 在實際使用中,由於涉及到不同編程語言之間互相調用,導致C++ 中的OpenCV與C#中的OpenCvSharp 圖像數據在不同編程語言之間難以有效傳遞。在本文中我們將結合OpenCvSharp源碼實現原理,探究兩種數據之間的通信方式。 ...
  • 一、前言 這是一篇搭建許可權管理系統的系列文章。 隨著網路的發展,信息安全對應任何企業來說都越發的重要,而本系列文章將和大家一起一步一步搭建一個全新的許可權管理系統。 說明:由於搭建一個全新的項目過於繁瑣,所有作者將挑選核心代碼和核心思路進行分享。 二、技術選擇 三、開始設計 1、自主搭建vue前端和. ...
  • Csharper中的表達式樹 這節課來瞭解一下表示式樹是什麼? 在C#中,表達式樹是一種數據結構,它可以表示一些代碼塊,如Lambda表達式或查詢表達式。表達式樹使你能夠查看和操作數據,就像你可以查看和操作代碼一樣。它們通常用於創建動態查詢和解析表達式。 一、認識表達式樹 為什麼要這樣說?它和委托有 ...
  • 在使用Django等框架來操作MySQL時,實際上底層還是通過Python來操作的,首先需要安裝一個驅動程式,在Python3中,驅動程式有多種選擇,比如有pymysql以及mysqlclient等。使用pip命令安裝mysqlclient失敗應如何解決? 安裝的python版本說明 機器同時安裝了 ...