JavaScript 數組基礎知識

来源:https://www.cnblogs.com/winerss/archive/2018/03/17/winerss.html
-Advertisement-
Play Games

Array 類型: 檢測數組: console.log(myarr instanceof Array) //true toString()方法會返回由數組中每個值的字元串形式拼接而成的一個以逗號分隔的字元串 valueOf()返回的還是數組 數組的棧方法: push方法從數組末尾添加一項,並返回修改 ...


Array 類型:
檢測數組: console.log(myarr instanceof Array) //true toString()方法會返回由數組中每個值的字元串形式拼接而成的一個以逗號分隔的字元串 valueOf()返回的還是數組
數組的棧方法: push方法從數組末尾添加一項,並返回修改後的數組長度 pop方法從數組的末尾移除一項,並返回該移除項
數組的隊列方法: push方法從數組末尾添加一項,並返回修改後的數組長度 shift方法從數組取出第一項,並返回該取出項 unshift方法從數組前端插入任意項,並返回該數組長度
從排序 reverse()方法會反轉數組項的順序 sort()方法按升序排列數組項——即最小的值位於最前面,最大的值排在最後面。 為了實現排序,sort()方法會調用每個數組項的 toString()轉型方法,然後比較得到的字元串,以確定如何排序 var values = [6,1,'2',3,'10',4,'5']; values.sort(); console.log(values);
function compare(value1, value2) { if(value1 < value2){ return -1; } else if (value1 > value2){ return 1; } else { return 0; } }
var val = [6,1,'2',3,'10',4,'5']; val.sort(compare); console.log(val);
操作方法 concat()方法連接多個數組,並返回新建數組 var colors = ['red','green','blue']; var colors1 = colors.concat('yellow',['black','brown']); console.log(colors); console.log(colors1);
slice()方法可以接受一或兩個參數,即要返回項的起始和結束位置。 var colors = ['red', 'green', 'blue','yellow','purple']; var colors1 = colors.slice(1); var colors2 = colors.slice(1,4); console.log(colors1); // [ 'green', 'blue', 'yellow', 'purple' ] console.log(colors2); // [ 'green', 'blue', 'yellow' ]
splice()方法 刪除任意項,只需兩個參數,參數一:要刪除的起始項,參數二:要刪除的個數。 插入,只需提供 3 個參數:起始位置、0(要刪除的項數)和要插入的項。如果要插入多個項,可以再傳入第四、第五,以至任意多個項。 替換,只需指定 3 個參數:起始位置、要刪除的項數和要插入的任意數量的項。插入的項數不必與刪除的項數相等。 var colors = ['red', 'green', 'blue','yellow','purple']; var removed = colors.splice(0,1); console.log(removed); // 返回移除項
removed1 = colors.splice(1,0,'ye'); console.log(removed1); // 返回空數組 removed2 = colors.splice(1,1,'bac'); console.log(removed2); // 返回被替換的項 console.log(colors);
位置方法 為數組實例添加了兩個位置方法:indexOf()和 lastIndexOf()。這兩個方法都接收 兩個參數:要查找的項和(可選的)表示查找起點位置的索引。其中,indexOf()方法從數組的開頭(位 置 0)開始向後查找,lastIndexOf()方法則從數組的末尾開始向前查找。 var numbers = [1,2,3,4,5,4,3,2,1]; console.log(numbers.indexOf(4)); //3 console.log(numbers.lastIndexOf(4)); //5
console.log(numbers.indexOf(4, 4)); //5 console.log(numbers.lastIndexOf(4, 4)); //3
迭代方法 every():對數組中的每一項運行給定函數,如果該函數對每一項都返回 true,則返回 true。 some():對數組中的每一項運行給定函數,如果該函數對任一項返回 true,則返回 true。 filter():對數組中的每一項運行給定函數,返回該函數會返回 true 的項組成的數組。 map():對數組中的每一項運行給定函數,返回每次函數調用的結果組成的數組。 forEach():對數組中的每一項運行給定函數。這個方法沒有返回值。
var numbers = [1,2,3,4,5,4,3,2,1]; var everyResult = numbers.every(function (item, index, array) { return (item > 2); }); console.log(everyResult); // false
var someResult = numbers.some(function(item, index, array){ return (item > 2); }); console.log(someResult); //true
var filterResult = numbers.filter(function(item, index, array){ return (item > 2); }); console.log(filterResult); // [3,4,5,4,3]
var mapResult = numbers.map(function(item, index, array){ return item * 2; }); console.log(mapResult); //[2,4,6,8,10,8,6,4,2]
numbers.forEach(function(item, index, array){ if(item > 2) { console.log(index); } });
歸併方法 reduce()方法從數組的第一項開始,逐個遍歷到最後。 reduceRight()則從數組的最後一項開始,向前遍歷到第一項。 這兩個方法都接收兩個參數:一個在每一項上調用的函數和(可選的)作為歸併基礎的初始值 reduce()和 reduceRight()的函數接收 4 個參數:前一個值、當前值、項的索引和數組對象。 var values = [1,2,3,4,5]; var sum = values.reduce(function(prev, cur, index, array){ return prev + cur; }); console.log(sum); //15
var sum1 = values.reduceRight(function(prev, cur, index, array){ return prev + cur; }); console.log(sum1); //15  
您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 我並不期望成為一個專家級的 DBA,但是,在我優化 MySQL 時,我推崇 80/20 原則,明確說就是通過簡單的調整一些配置,你可以壓榨出高達 80% 的性能提升。尤其是在伺服器資源越來越便宜的當下。 警告 沒有兩個資料庫或者應用程式是完全相同的。這裡假設我們要調整的資料庫是為一個“典型”的 We ...
  • mysql用戶授權、資料庫許可權管理、sql語法詳解 —— NiceCui ...
  • 第1章 Mysql體繫結構和存儲引擎 1.1 定義資料庫和實例 資料庫:database,物理的操作系統文件或其他形式文件類型的集合。當使用NDB存儲引擎時,資料庫文件可能是存放在記憶體中而不是磁碟之上。 實例:instance,Mysql資料庫實例由後臺線程和一個共用記憶體區組成。實例才是真正用於操作 ...
  • 簡要:本系列文章講會對expo進行全面的介紹,本人從2017年6月份接觸expo以來,對expo的研究斷斷續續,一路走來將近10個月,廢話不多說,接下來你看到內容,講全部來與官網 我猜去全部機翻+個人修改補充+demo測試的形式,對expo進行一次大補血!歡迎加入expo興趣學習交流群:597732 ...
  • 一、使用 1、build.gradle引入 如果少了第二行引入,會報錯: 2、新建一個實體類 3、建立Dao類介面 4、建立繼承RoomDatabase的資料庫管理虛類 5、初始化資料庫 6、操作舉例(與RxJava配合使用) 子線程中查詢出所有的用戶(主線程操作資料庫會報錯),用Gson轉換成js ...
  • 最近看到一篇文章推了一個開源項目, "GlobalTimer" 。主要是可以用一個定時器來統一管理多個定時任務,可以針對特定任務進行管理。 一、原理 1.一個公共的timer 2.封裝任務到自定義個Event中,保留任務的執行代碼與數據,時間信息等 3.計算所有任務間隔的最大公約數x,用這個x作為t ...
  • MVP簡介 相信大家對MVC都是比較熟悉了:M-Model-模型、V-View-視圖、C-Controller-控制器,MVP作為MVC的演化版本,那麼類似的MVP所對應的意義:M-Model-模型、V-View-視圖、P-Presenter-表示器。 從MVC和MVP兩者結合來看,Controll ...
  • DrawerLayout是Support Library包中實現了側滑菜單效果的控制項,可以說DrawerLayout是因為第三方控制項如SlidingMenu等出現之後,google借鑒而出現的產物。DrawerLayout分為側邊菜單和主內容區兩部分,側邊菜單可以根據手勢展開與隱藏(drawerLa ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...