」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 大批

大批

發佈於2025-06-14
瀏覽:412

[2 數組是對象,因此它們在JS中也具有方法。

切片(開始):在新數組中提取部分數組,而無需突變原始數組。 Array

令ARR = ['a','b','c','d','e']; // USECASE:提取直到索引作為參數傳遞 arr.slice(2); // ['c','d','e'] // USECASE:從[第一個索引]提取到[第二個索引1]值。 arr.slice(2,4); // ['c','d']即數組的長度將是末端或4-2 = 2 // USECase:提取最後2個元素 arr.slice(-2); // ['d','e'] // USECase:提取最後一個元素。 arr.slice(-1); // ['e'] // USECASE:從索引中提取的摘錄傳遞給最後兩個元素。 arr.slice(1,-2); // ['e'] // USECASE:創建數組的淺副本 arr.slice(); //第一條 [... arr]; //第二條


剪接:突變原始陣列

//剪接:刪除從索引開始的元素。突變源。大批。 //返回:刪除數組的一部分 令arr = ['a','b','c','d','e']; // arr.splice(2); // ['c','d','e'] // arr; // ['a','b'] // USECASE:刪除數組的最後一個元素 // arr.splice(-1); // ['e'] // arr; // ['a','b','c','d'] // USECASE:刪除否元素。剪接(索引,DeleteCount) arr.splice(1,3); // ['b','c','d'] arr; // ['a','e']

let arr = ['a','b','c','d','e'];

// Usecase: Extract till index passed as argument
arr.slice(2); // [ 'c', 'd', 'e' ]

// Usecase: Extract from [first index] to [second index-1] value.
arr.slice(2,4); // [ 'c', 'd' ] i.e Length of array will be end-begin or 4-2 = 2 

// Usecase: Extract last 2 elements
arr.slice(-2); // [ 'd', 'e' ]

// Usecase: Extract the last element.
arr.slice(-1);  // [ 'e' ]  

// Usecase: Extract from index passed to leaving the last two elements.
arr.slice(1,-2);  // [ 'e' ]  

// Usecase: Create a shallow copy of an array
arr.slice(); // 1st way
[...arr]; // 2nd way

// splice: remove the elements begining from the index passed. Mutates the orig. array.
// returns: part of the removed array
let arr = ['a','b','c','d','e'];
// arr.splice(2); // [ 'c', 'd', 'e' ]
// arr; // [ 'a', 'b' ]

// Usecase: Remove last element of the array
// arr.splice(-1); // [ 'e' ]
// arr; // [ 'a', 'b', 'c', 'd' ]

// Usecase: Delete no of elements. splice(index, deleteCount)
arr.splice(1, 3); // [ 'b', 'c', 'd' ]
arr; // [ 'a', 'e' ]

CONCAT:加入兩個陣列。


讓ARR1 = ['a','b','c','d','e']; 令arr2 = ['f','g','h','i','j']; [... arr1,... arr2]; //第一條 arr2 = arr1.concat(arr2); //第二條
let arr = ['a','b','c','d','e'];
let arr2 = arr.reverse();
arr;
arr2;
加入:加入兩個陣列。


讓ARR1 = ['a','b','c','d','e']; 令arr2 = ['f','g','h','i','j']; const x = arr1.concat(arr2); X.Join(' - '); //'a-b-c-d-e-f-g-h-h-i-j'

let arr1 = ['a','b','c','d','e'];
let arr2 = ['f','g','h','i','j'];

[...arr1, ...arr2];       // 1st way
arr2 = arr1.concat(arr2); // 2nd way
AT:從末尾開始計數,以索引為-1

suports方法鏈接。在數組,字符串

上作品

令ARR = ['a','b','c','d','e']; arr [0]; //第一條 arr.at(0); //第二條 //獲取數組的最後一個元素 arr [arr.length -1]; //第一條 arr.slice(-1)[0]; //第二條 arr.at(-1); //第三條 arr.at(0); //'a' arr.at(-1); //'e'
let arr = ['a','b','c','d','e'];
let arr2 = arr.reverse();
arr;
arr2;

//使用foreach方法在數組上循環。 令帳戶= [2000,-300,400,-200,-500,1000,-300]; //使用for-for的陣列循環 (讓帳戶的錢){ 如果(錢> 0){ console.log(`存放$ {貨幣}`); } 別的 { console.log(`刪除$ {Math.abs(nose)}`); } } // .entries():返回一個數組。 //將輸出作為索引值對返回。 //第一個元素必須是索引,第二個元素必須是元素 - 值 for(讓[i,Money] of account.entries()){ 如果(錢> 0){ console.log(`交易$ {i 1},存入$ {貨幣}`); } 別的 { console.log(`transAction $ {i 1},撤回$ {Math.abs(money)}`); } } //使用需要回調fn的foreach循環循環。 // foreach會致電回調fn,而不是我們。 // foreach將在每個迭代中將每個元素作為參數傳遞。 account.foreach(功能(貨幣){ 如果(錢> 0){ console.log(`存放$ {貨幣}`); } 別的 { console.log(`刪除$ {Math.abs(nose)}`); } }); //迭代1:將arg1傳遞給cb-fn(arg1) //迭代2:將arg2傳遞給cb-fn(arg2) //迭代3:將arg3傳遞給CB-FN(arg3) // ..... // ..... // foreach將通過每個元素將每個元素,索引和數組作為參數中的每一個迭代中。參數順序很重要,而不是這些參數的否,即第一個元素應該是當前元素,第二個元素應為索引,第三個元素應為整個數組,該數組正在循環。 //第一個元素必須是元素 - 值,第二個元素應為索引,第三個元素必須是整個數組。這就是它與array.entries()的不同之處 account.foreach(函數(錢,i,arr){ 如果(錢> 0){ console.log(`交易$ {i 1},將$ {貨幣}存入$ {arr}`); } 別的 { console.log(`transaction $ {i 1},從$ {arr}`)撤回$ {math.abs(money)}'); } });

何時使用和foreach:


for:當我們需要循環脫離數組時使用。

let arr = ['a','b','c','d','e'];

arr[0];    // 1st way
arr.at(0); // 2nd way

// Get the last element of the array
arr[arr.length - 1];  // 1st way
arr.slice(-1)[0];     // 2nd way
arr.at(-1);           // 3rd way

arr.at(0); // 'a'
arr.at(-1); // 'e'

版本聲明 本文轉載於:https://dev.to/mahf001/array-2jmn?1如有侵犯,請洽[email protected]刪除
最新教學 更多>
  • `console.log`顯示修改後對象值異常的原因
    `console.log`顯示修改後對象值異常的原因
    foo = [{id:1},{id:2},{id:3},{id:4},{id:id:5},],]; console.log('foo1',foo,foo.length); foo.splice(2,1); console.log('foo2', foo, foo....
    程式設計 發佈於2025-06-14
  • Java為何無法創建泛型數組?
    Java為何無法創建泛型數組?
    通用陣列創建錯誤 arrayList [2]; JAVA報告了“通用數組創建”錯誤。為什麼不允許這樣做? 答案:Create an Auxiliary Class:public static ArrayList<myObject>[] a = new ArrayList<my...
    程式設計 發佈於2025-06-14
  • 如何限制動態大小的父元素中元素的滾動範圍?
    如何限制動態大小的父元素中元素的滾動範圍?
    在交互式接口中實現垂直滾動元素的CSS高度限制問題:考慮一個佈局,其中我們具有與用戶垂直滾動一起移動的可滾動地圖div,同時與固定的固定sidebar保持一致。但是,地圖的滾動無限期擴展,超過了視口的高度,阻止用戶訪問頁面頁腳。 $("#map").css({ margin...
    程式設計 發佈於2025-06-14
  • 如何在php中使用捲髮發送原始帖子請求?
    如何在php中使用捲髮發送原始帖子請求?
    如何使用php 創建請求來發送原始帖子請求,開始使用curl_init()開始初始化curl session。然後,配置以下選項: curlopt_url:請求 [要發送的原始數據指定內容類型,為原始的帖子請求指定身體的內容類型很重要。在這種情況下,它是文本/平原。要執行此操作,請使用包含以下標頭...
    程式設計 發佈於2025-06-14
  • 如何將來自三個MySQL表的數據組合到新表中?
    如何將來自三個MySQL表的數據組合到新表中?
    mysql:從三個表和列的新表創建新表 答案:為了實現這一目標,您可以利用一個3-way Join。 選擇p。 *,d.content作為年齡 來自人為p的人 加入d.person_id = p.id上的d的詳細信息 加入T.Id = d.detail_id的分類法 其中t.taxonomy ...
    程式設計 發佈於2025-06-14
  • 在細胞編輯後,如何維護自定義的JTable細胞渲染?
    在細胞編輯後,如何維護自定義的JTable細胞渲染?
    在JTable中維護jtable單元格渲染後,在JTable中,在JTable中實現自定義單元格渲染和編輯功能可以增強用戶體驗。但是,至關重要的是要確保即使在編輯操作後也保留所需的格式。 在設置用於格式化“價格”列的“價格”列,用戶遇到的數字格式丟失的“價格”列的“價格”之後,問題在設置自定義單元...
    程式設計 發佈於2025-06-14
  • eval()vs. ast.literal_eval():對於用戶輸入,哪個Python函數更安全?
    eval()vs. ast.literal_eval():對於用戶輸入,哪個Python函數更安全?
    稱量()和ast.literal_eval()中的Python Security 在使用用戶輸入時,必須優先確保安全性。強大的python功能eval()通常是作為潛在解決方案而出現的,但擔心其潛在風險。本文深入研究了eval()和ast.literal_eval()之間的差異,突出顯示其安全性含義...
    程式設計 發佈於2025-06-14
  • 如何克服PHP的功能重新定義限制?
    如何克服PHP的功能重新定義限制?
    克服PHP的函數重新定義限制在PHP中,多次定義一個相同名稱的函數是一個no-no。嘗試這樣做,如提供的代碼段所示,將導致可怕的“不能重新列出”錯誤。 但是,PHP工具腰帶中有一個隱藏的寶石:runkit擴展。它使您能夠靈活地重新定義函數。 runkit_function_renction_...
    程式設計 發佈於2025-06-14
  • FastAPI自定義404頁面創建指南
    FastAPI自定義404頁面創建指南
    response = await call_next(request) if response.status_code == 404: return RedirectResponse("https://fastapi.tiangolo.com") else: ...
    程式設計 發佈於2025-06-14
  • Python中何時用"try"而非"if"檢測變量值?
    Python中何時用"try"而非"if"檢測變量值?
    使用“ try“ vs.” if”來測試python 在python中的變量值,在某些情況下,您可能需要在處理之前檢查變量是否具有值。在使用“如果”或“ try”構建體之間決定。 “ if” constructs 結果= function() 如果結果: 對於結果: #處理...
    程式設計 發佈於2025-06-14
  • 如何干淨地刪除匿名JavaScript事件處理程序?
    如何干淨地刪除匿名JavaScript事件處理程序?
    刪除匿名事件偵聽器將匿名事件偵聽器添加到元素中會提供靈活性和簡單性,但是當要刪除它們時,可以構成挑戰,而無需替換元素本身就可以替換一個問題。 element? element.addeventlistener(event,function(){/在這里工作/},false); 要解決此問題,請考...
    程式設計 發佈於2025-06-14
  • Python讀取CSV文件UnicodeDecodeError終極解決方法
    Python讀取CSV文件UnicodeDecodeError終極解決方法
    在試圖使用已內置的CSV模塊讀取Python中時,CSV文件中的Unicode Decode Decode Decode Decode decode Error讀取,您可能會遇到錯誤的錯誤:無法解碼字節 在位置2-3中:截斷\ uxxxxxxxx逃脫當CSV文件包含特殊字符或Unicode的路徑逃...
    程式設計 發佈於2025-06-14
  • Java字符串非空且非null的有效檢查方法
    Java字符串非空且非null的有效檢查方法
    檢查字符串是否不是null而不是空的if (str != null && !str.isEmpty())Option 2: str.length() == 0For Java versions prior to 1.6, str.length() == 0 can be二手: if(str!= n...
    程式設計 發佈於2025-06-14
  • 在Java中使用for-to-loop和迭代器進行收集遍歷之間是否存在性能差異?
    在Java中使用for-to-loop和迭代器進行收集遍歷之間是否存在性能差異?
    For Each Loop vs. Iterator: Efficiency in Collection TraversalIntroductionWhen traversing a collection in Java, the choice arises between using a for-...
    程式設計 發佈於2025-06-14
  • 如何使用Depimal.parse()中的指數表示法中的數字?
    如何使用Depimal.parse()中的指數表示法中的數字?
    在嘗試使用Decimal.parse(“ 1.2345e-02”中的指數符號表示法表示的字符串時,您可能會遇到錯誤。這是因為默認解析方法無法識別指數符號。 成功解析這樣的字符串,您需要明確指定它代表浮點數。您可以使用numbersTyles.Float樣式進行此操作,如下所示:[&& && && ...
    程式設計 發佈於2025-06-14

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3