JavaScript基礎知識合集筆記2——數組排序、數組轉換字符串、迭代方法

文章目錄

    • 排序方法
      • reverse()
      • sort()
    • 轉換方法
      • join()
    • 迭代方法
      • some()
      • every()
      • forEach()
      • filter()
      • map()

排序方法

組有兩個方法可以用來對元素重新排序:

  • reverse()
  • sort()

reverse()

顧名思義,將數組元素方向反轉。會直接改變原數組,請謹慎使用

let values = [1, 2, 3, 4, 5];
values.reverse();
alert(values); // 5,4,3,2,1

sort()

sort()方法接受一個比較函數,用于判斷哪個值應該排在前面
最常見的用法就是從小到大,從大到小,這個真的很常用,二維數組排序的可以擴展這個數組,請自行研究,更深入理解sort背后的邏輯,這里不再舉例。拓展資料–>sort方法背后的邏輯

//從小到大
arr.sort((a,b)=>a-b);
//從大到小
arr.sort((a,b)=>a-b);

轉換方法

join()

join() 方法接收一個參數,即字符串分隔符,返回包含所有項的字符串。數組轉字符串非常常用。

let colors = ["red", "green", "blue"];
alert(colors.join(",")); // red,green,blue
alert(colors.join("||")); // red||green||blue

迭代方法

  • some()
  • every()
  • forEach()
  • filter()
  • map()
    實話實說我還沒用到過some()和every()。

some()

對數組每一項都運行傳入的測試函數,如果至少有1個元素返回 true ,則這個方法返回 true。

let numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];
let someResult = numbers.some((item, index, array) => item > 2);
console.log(someResult) // true

every()

對數組每一項都運行傳入的測試函數,如果所有元素都返回 true ,則這個方法返回 true

let numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];
let everyResult = numbers.every((item, index, array) => item > 2);
console.log(everyResult) // false

forEach()

對數組每一項都運行傳入的函數,沒有返回值,一般用于遍歷元素.

let numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];
numbers.forEach((item, index, array) => {// 執行某些操作
});
// 對每個元素調用 alert
["Bilbo", "Gandalf", "Nazgul"].forEach(alert);

filter()

對數組每一項都運行傳入的函數,函數返回 true 的項會組成數組之后返回

let numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];
let filterResult = numbers.filter((item, index, array) => item > 2);
console.log(filterResult); // 3,4,5,4,3

map()

對數組每一項都運行傳入的函數,返回由每次函數調用的結果構成的數組。acm模式很常用到–>arr.map(Number)

let numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];
let mapResult = numbers.map((item, index, array) => item * 2);
console.log(mapResult) // 2,4,6,8,10,8,6,4,2

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/web/77622.shtml
繁體地址,請注明出處:http://hk.pswp.cn/web/77622.shtml
英文地址,請注明出處:http://en.pswp.cn/web/77622.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

Redis 筆記(三)-Redis 基本知識及五大數據類型

一、redis 基本知識 redis 默認有 16個 數據庫,config get databases 查看數據庫數量 127.0.0.1:6379> config get databases # 查看數據庫數量 1) "databases" 2) "16"默認使用的是第 0個 16 個數據庫為:DB 0 ~ DB 15&am…

springboot項目文件上傳到服務器本機,返回訪問地址

文件上傳到服務器本機&#xff0c;然后給出訪問地址&#xff1a; 具體如下&#xff1a; 1、添加必要的工具類依賴 <!-- 文件上傳工具類 --><dependency><groupId>commons-fileupload</groupId><artifactId>commons-fileupload</artifactId>…

巧用 Element - UI 實現圖片上傳按鈕的智能隱藏

引言 在前端開發中&#xff0c;使用 Element - UI 組件庫來構建用戶界面是非常常見的操作。其中圖片上傳功能更是在許多項目中頻繁出現&#xff0c;比如用戶頭像上傳、商品圖片上傳等場景。有時候&#xff0c;我們會有這樣的需求&#xff1a;當上傳圖片達到一定數量后&#xf…

Golang|工廠模式

工廠模式是一種創建型設計模式&#xff0c;它的核心思想是&#xff1a;把對象的創建過程封裝起來&#xff0c;不直接在代碼中 new 一個對象&#xff0c;而是通過一個“工廠”來生成對象。這樣做的好處是&#xff1a; 降低了代碼之間的耦合&#xff08;依賴具體類減少&#xff0…

CentOS 使用國內鏡像安裝 nvm 和 Node.js 完整指南

前言?&#xff1a; 本文是實踐過程中的個人總結&#xff0c;介紹在 CentOS 系統上通過國內鏡像快速安裝 nvm&#xff08;Node Version Manager&#xff09;&#xff0c;并配置鏡像源加速 Node.js 的下載和依賴管理&#xff0c;解決因網絡問題導致的安裝失敗或速度緩慢。 一、…

ComfyUI 學習筆記:安裝篇及模型下載

背景 去年在掘金看到一個博主使用 ComfyUI 進行 AI 繪畫&#xff0c;并基于此工具展開個人業務。知道了這個東西&#xff0c;感覺很厲害的樣子。 前段時間玩 DeepSeek 的時候&#xff0c;嘗試用它寫《歷史是一群喵》的漫畫&#xff0c;給出了 AI 作畫的提示詞&#xff0c;但是…

人腦、深思考大模型與其他大模型的區別科普

文章目錄 大模型的基本概念與特點深思考大模型的獨特之處深思考大模型與其他大模型的對比架構與技術訓練數據應用場景提示詞編寫 大模型給出答案的方式&#xff1a;基于概率還是真的會分析問題&#xff1f;人腦的思考過程基本單位與網絡大腦結構與功能分區信息處理流程思維模式…

圖像保邊濾波之BEEPS濾波算法

目錄 1 簡介 2 算法原理 3 代碼實現 4 演示Demo 4.1 開發環境 4.2 功能介紹 4.3 下載地址 參考 1 簡介 BEEPS&#xff08;Bias Elimination in Edge-Preserving Smoothing&#xff09; 是一種基于偏微分方程&#xff08;PDE&#xff09;的邊緣保留平滑濾波算法。它能夠…

怎樣給MP3音頻重命名?是時候管理下電腦中的音頻文件名了

在處理大量音頻文件時&#xff0c;給這些文件起一個有意義的名字可以幫助我們更高效地管理和查找所需的內容。通過使用專業的文件重命名工具如簡鹿文件批量重命名工具&#xff0c;可以極大地簡化這一過程。本文將詳細介紹如何利用該工具對 MP3 音頻文件進行重命名。 步驟一&am…

uniapp實現統一添加后端請求Header方法

uniapp把請求寫完了&#xff0c;發現需要給接口請求添加頭部&#xff0c;每個接口去添加又很麻煩&#xff0c;uniapp可以統一添加&#xff0c;并且還能給某些接口設置不添加頭部。 一般用于添加token登錄驗證信息。 在 main.js 文件中配置。 代碼如下&#xff1a; // 在…

Qt/C++面試【速通筆記四】—Qt中的MVC模式

在軟件開發中&#xff0c;設計模式是為了讓代碼結構更加清晰、可維護和擴展的工具。MVC&#xff08;Model-View-Controller&#xff0c;模型-視圖-控制器&#xff09;模式就是其中一種經典的設計模式&#xff0c;它被廣泛應用于圖形界面&#xff08;GUI&#xff09;應用程序中。…

機器學習-入門-線性模型(2)

機器學習-入門-線性模型(2) 3.4廣義線性回歸 一般形式&#xff1a; y g ? 1 ( w T x b ) y g^{-1} \left( w^T x b \right) yg?1(wTxb) 單調可微的聯系函數 (link function) 令 g ( ? ) ln ? ( ? ) g(\cdot) \ln (\cdot) g(?)ln(?) 則得到對數線性回歸 ln ?…

Scratch——第20課 輾轉相除法/繩子算法

輾轉相除法是用于求取最大公約數時需要用到的方法&#xff0c;它還有個名字稱為繩子算法&#xff0c;這類題目只要理解輾轉相處的原理即可拿下。 一、輾轉相除法的基本原理 兩個整數的最大公約數不變&#xff0c;當較大數減去較小數后&#xff0c;得到的差值與較小數的最大公…

【Keil5-開發指南】

Keil5-編程指南 ■ Keil5 介紹■ Keil5 生成bin文件■ 新建工程后debug在 BX R0 不動了■ J-Flash 使用■ Keil5-Debug調試工具 Jlink---STLink---DAP仿真器■ Keil5 使用 AStyle插件格式化代碼■ Keil5-編譯4個階段■ Keil5-Boot和APP配置■ Keil5-報錯■ 芯片手冊區別 ■ Kei…

HarmonyOS SDK助力鴻蒙版今日水印相機,真實地址防護再升級

今日水印相機是一款真實記錄"工作"和"生活"的水印拍照APP。作為專業的可信影像服務平臺&#xff0c;今日水印相機依托時間、地點、身份三重數字水印技術&#xff0c;為企業和個人提供考勤打卡、外勤巡檢、生活美好時刻記錄等場景的可信存證服務。 面對虛擬…

WSL釋放空間

在 WSL (Windows Subsystem for Linux) 中&#xff0c;Linux 發行版可能會占用越來越多的磁盤空間&#xff0c;即使刪除文件后&#xff0c;空間也可能不會自動釋放。這是因為 WSL 使用虛擬硬盤&#xff08;VHDX 文件&#xff09;來存儲 Linux 文件系統&#xff0c;而 Windows 不…

C#核心知識

委托 如何聲明一個委托&#xff1a;通過 【delegate 返回值類型 委托名稱】 的格式來定義 如何使用一個委托&#xff1a;使用new關鍵字&#xff0c;并傳入和聲明委托的構造相同的方法名&#xff0c;比如&#xff1a;new 委托名稱(與委托的參數和返回值相同的一個方法名) 如何…

免費LUT網站

FREE LUTs | Color Lookup Tables - Presetpro.com

力扣-160.相交鏈表

題目描述 給你兩個單鏈表的頭節點 headA 和 headB &#xff0c;請你找出并返回兩個單鏈表相交的起始節點。如果兩個鏈表不存在相交節點&#xff0c;返回 null 。 圖示兩個鏈表在節點 c1 開始相交&#xff1a; 題目數據 保證 整個鏈式結構中不存在環。 注意&#xff0c;函數返…

架構風格對比

架構風格深度對比&#xff1a;從管道-過濾器到微內核 &#x1f4dc; 引言 在軟件架構設計中&#xff0c;不同的架構風格適用于不同的業務場景。本文將深入解析 7種主流架構風格&#xff0c;包括它們的核心思想、優缺點、適用場景&#xff0c;并通過對比表格和示例幫助您選擇最…