混淆篇之數組的常用方法總結

来源:http://www.cnblogs.com/springJournal/archive/2016/08/06/5743110.html
-Advertisement-
Play Games

序號 方法 舉例 是否改變當前數組 1 instanceof 判斷變數是否是數組對象 否 2 join 將數組的元素組起一個字元串 join(separator) //將數組的元素組起一個字元串,以separator為分隔符,省略的話則用預設用逗號為分隔符 arr1 = [1,2,3,4,5]; r ...


 

 

序號 方法 舉例 是否改變當前數組
1  instanceof 判斷變數是否是數組對象
console.log(arr instanceofArray);//true
2  join   將數組的元素組起一個字元串   join(separator) //將數組的元素組起一個字元串,以separator為分隔符,省略的話則用預設用逗號為分隔符 arr1 = [1,2,3,4,5]; result = arr1.join("|"); //a:[1,2,3,4,5] b:"1|2|3|4|5"
3 push  往數組的最後添加一項 //push:將參數添加到原數組末尾,並返回數組的長度 arr1 = [1,2,3,4,5]; result = arr1.push(6,7); //a:[1,2,3,4,5,6,7] b:7 console.log(result)
4 pop   彈出數組的最後一項 //pop:刪除原數組最後一項,並返回刪除元素的值;如果數組為空則返回undefined arr1= [1,2,3,4,5]; result = arr1.pop(); //a:[1,2,3,4] b:5 console.log(result) //  5
5 reverse  翻轉數組 // reverse:將數組反序 arr1 = [1,2,3,4,5,8,34]; result = arr1.reverse(); //[34,8,5,4,3,2,1] console.log(result)  ;
6 sort   排序    -- 模擬sort的內部實現 sort(); //即使是數組sort也是根據字元,從小到大排序 帶參數的sort是如何實現的?  按字母的首字母ASCII碼排序,小的在前,sort沒有降序排列功能,arr.reverse();//排完序再反轉,變成降序 arr.sort(function(x,y){return y-x;} );//數字降序 arr.sort(function(x,y){return x-y;} );//數字升序 //按每項長度來排列
// arr.sort(function(a,b){
// // return a.length-b.length;
// // })//從小到大
// // console.log(arr); 
7  slice  從當前數組中截取一個新的數組,不會影響原來的數組   slice(start,end):參數start從0開始,end從1開始 返回從原數組中指定開始下標到結束下標之間的項組成的新數組,但不包括結束位置的項   arr1 = [1,2,3,4,5]; result = arr1.slice(2,5); //[3,4,5] result = arr1.slice(2); //[3,4,5] 在只有一個參數的情況下,slice()方法返回從該參數指定位置開始到當前數組末尾的所有項;  
8 splice 刪除或替換當前數組的某些項目,影響原數組  返回的是刪除的內容      splice()//刪除或替換當前數組的某些項目, splice(start,deleteCount,val1,val2,...): // 從start位置開始刪除deleteCount項,並從該位置起插入val1,val2,...    //在第一項前插入  var arr=[1,2,3,4]  arr.splice(1,0,5);
  //替換arr1 = [1,2,3,4,5]; result = arr1.splice(2,2,7,8,9); //a:[1,2,7,8,9,5] b:[3,4] //刪除第一項result = arr1.splice(0,1); //同shift   arr1.splice(0,0,-2,-1); result = arr1.length; //同unshift   result = arr1.splice(arr1.length-1,1); //同pop //添加arr1.splice(arr1.length,0,6,7);
9 indexOf()、lastIndexOf()  獲取數組中某項的位置,如果不存在,返回-1 lastIndexOf()//從後開始檢索 第二個參數傳負數表示從倒數第幾個開始檢索 indexof(item,startindex)//第一個參數表示需要查找的元素,第二個參數表示開始檢索的位置,不寫第二個參數,表示從0開始檢索
10  concat()      //把參數拼接到當前數組   arr = arr.concat("xx","yy"); 數組合併concat //concat:返回一個新數組,是將參數添加到原數組中構成的 arr1 = [1,2,3,4,5]; result = arr1.concat(6,7); console.log(result)//[1,2,3,4,5,6,7] //該方法會展開參數中的一維數組 result = arr1.concat(6,7,[8,9,10]); result = arr1.concat(6,7,[8,9,10,[1,2,3]]);//1.2.3不會展開
11  toString()        //把數組轉換成字元串,每一項用,分割  var str=arr.toString();
12 valueOf()              //返回數組對象本身  
13  filter 過濾數組  IE8以前不支持    
14   forEach  遍曆數組  IE8以前不支持    
15 shift()//取出數組中的第一個元素,修改了原數組的length屬性, shift:刪除原數組第一項,並返回刪除元素的值;如果數組為空則返回undefined var arr1 = [1,2,3,4,5]; var arr2 = [1,2,3,4,5]; var result = arr1.shift(); //arr1 [2,3,4,5]  result:1 console.log(result)
16 unshift() //在數組最前面插入項,返回數組的長度  //unshift:將參數添加到原數組開頭,並返回數組的長度 arr1 = [1,2,3,4,5]; result = arr1.unshift(-2,-1); //arr1:[-2,-1,1,2,3,4,5] result:7 console.log(result)

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

-Advertisement-
Play Games
更多相關文章
  • 原文鏈接:http://www.c-sharpcorner.com/UploadFile/19b1bd/design-patterns-simplified-part3-factory/ Design Patterns Simplified - Part 3 (Simple Factory)【設計模 ...
  • 原文鏈接: http://www.c-sharpcorner.com/UploadFile/19b1bd/design-patterns-simplified-part-2-singleton/ Design Patterns Simplified - Part 2 (Singleton)【設計模式 ...
  • 概念 抽象工廠模式是所有形態的工廠模式中最為抽象和最具一般性的一種形態。抽象工廠模式是指當有多個抽象角色時,使用的一種工廠模式。抽象工廠模式可以向客戶端提供一個介面,使客戶端在不必指定產品的具體的情況下,創建多個產品族中的產品對象。根據里氏替換原則,任何接受父類型的地方,都應當能夠接受子類型。因此, ...
  • 錯誤的例子: 以上代碼執行起來是有錯誤的,因為show(certid.value)這句,直接就執行了show方法,而沒有正確把這個方法對象賦給btn.onclick事件. 正確的方式有: 缺陷:但是這樣無法傳值的! 最好可以改成這樣: 這樣就實現了動態給onclick事件句柄賦值,並支持參數的傳遞! ...
  • [1]屬性查詢 [2]屬性設置 [3]屬性刪除 [4]屬性繼承 ...
  • 今天準備分享一個小知識點,就是確認登錄界面 <body > <form> 輸入戶名: <input type="text" name="name"/> <P>輸入密碼: <input type="password" name="pw" id="pw1"/></P> <p>確認密碼: <input t ...
  • jQuery的toggle()方法應該是在滑鼠點擊後才會觸發,現在的問題是在ready載入後就自動觸發了,怎麼回事呢? 答案是jQuery的版本問題,在1.9以後的版本toggle()就存在這個問題,用之前的版本就正常了。​ 如果你非常喜歡這個功能,有2個辦法,一個辦法是jquery官網提供的一個版 ...
  • 先上一張簡約的界面的效果圖 這裡是style裡面的內容 再來body裡面的內容,這裡用到的是失焦 onblur 和聚焦 onfocus <body> <center> <div> <form> <h3>用戶註冊</h3> <hr> <p>用戶名:<input type="text" id="name ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...