分享幾個javascript實用函數

2020-12-17 i互聯時代

從本文開始小編將定期發布javascript相關的代碼集錦,每次發十個與大家分享,首先是數組篇,也許有人會說,可以用常用的lodash的等庫啊。但是小編覺得,去讀lodash源碼的人並不多吧,所以分享的代碼集錦權當一種學習了,首先開始的是數組篇,基於es6 規範

all

allEqual

找出數組中滿足篩洗條件中的所有元素.

any

// 找出數組中滿足篩洗條件中的所有元素.

// 使用Array.prototype.every()檢查數組的所有元素是否與第一個元素相同。

// 使用嚴格比較運算符比較數組中的元素,該運算符不考慮NaN自不等式。

arrayToCSV

// 將2D數組轉換為逗號分隔值(CSV)字符串。

// 使用Array.prototype.map()和Array.prototype.join(delimiter)

// 將各個1D數組(行)組合成字符串。使用Array.prototype.join('\ n')

// 將所有行組合成CSV字符串,分隔 每行都有一個換行符。省略第二個參數delimiter,使用默認的分隔符。

bifurcate

// 將值拆分為兩組。如果過濾器中的元素是有值,則集合中的對應元素屬於第一組;

// 否則,它屬於第二組。

// 使用Array.prototype.reduce()和Array.prototype.push()根據過濾器向組添加元素。

bifurcateBy

// 根據回調函數將值拆分為兩個組,回調函數指定輸入集合中的元素屬於哪個組。

// 如果回調函數返回真值,則集合元素屬於第一個組; 否則,它屬於第二組。

// 使用Array.prototype.reduce()和Array.prototype.push()

// 根據fn為每個元素返回的值向組添加元素。

chunk

/**

* chunk 分塊

* 將數組塊化為指定大小的較小數組。

* 使用Array.from()創建一個新數組,該數組符合將要生成的塊數。

* 使用Array.prototype.slice()將新數組的每個元素映射到一個大小的長度的塊。

* 如果是原始的 數組不能均勻分割,最後的chunk將包含剩餘的元素。

*/

compact

/**

* compact

* 從數組中刪除可為false的值。

* 使用Array.prototype.filter()過濾掉falsey值(false,null,0,「」,undefined和NaN)。

* */

countBy

/**

* countBy

* 根據給定的函數對數組的元素進行分組,並返回每個組中元素的數量。

* 使用Array.prototype.map()將數組的值映射到函數或屬性名稱。

* 使用Array.prototype.reduce()創建一個對象,其中鍵是從映射結果生成的。

*/

本次10個js常用函數算法集錦,就到此為止,大家慢慢消化,下次再見!

相關焦點

  • JavaScript函數 - 事件驅動
    什麼是事件驅動函數? 最後給大家補充一個知識,叫做事件驅動函數,它到底是做什麼的呢?在頁面交互的過程中所調用的函數,該函數被稱之為事件驅動函數。現在先來簡單的了解一下,以後會詳細講到什麼是事件?和頁面交互的行為稱之為事件比如:滑鼠點擊某個按鈕時(onclick)、滑鼠浮動,或者滑鼠離開某一個區域(onmouseover、onmouseout)、文本框獲取焦點和失去焦點時(onfocus、onblur)等等如果我們想給一個按鈕綁定一個事件,就要通過事件驅動函數來綁定,並且通過id來找到它<script type = "text/javascript
  • 走近 (javascript, 函數式)
    javascript 對函數式編程的支持在 javascript 中,函數是一等的,也就是說,在 javascript 中,函數本身也是一個值。;}someDoOuter(someDoParam);因為 javascript 中函數的一等性和高階性,使得函數可以作為語言中主要的工作單元,從而完整的支持函數式編程的特性。
  • javascript常用函數推薦
    繼續上一篇的內容,本文繼續javascript數組相關的常用函數推薦,基於ES6+規範,上一篇請查看這裡countOccurrences計算數組中值的出現次數。每次遇到數組內的特定值時,使用Array.prototype.reduce()遞增計數器。
  • JavaScript函數 - 遞歸
    什麼是函數遞歸?遞歸是指函數自己調用自己。注意:我們可以寫出遞歸,但是我們並不知道她如何得出結果。1.面試官如果問你遞歸的相關知識,面試官的水平還不錯。2.但是在工作中,一般情況下禁止使用遞歸。2.找這一次和上一次的關係3.假設當前的函數已經可以使用,調用自身計算上一次的運行結果,再寫出這次的運行結果特點:1.必須有參數2.必須由return返回值舉個小例子:計算1加到n的和分析:先來封裝一個函數為sun(n); 找出臨界值,如果n==1時,就直接return返回1
  • JavaScript 函數replace揭秘
    在JavaScript中replace函數作為字符串替換函數,它是一個具有強大威力的字符串操作函數,對於常見字符串操作的推薦用法。下面來幾個demo:"boy & girl".replace(/(\w+)\s*&\s*(\w+)/g,"$2 & $1") //girl & boy"boy".replace(/\w+/g,"$&-$&") // boy-boy"javascript".replace(/script/,"$& !
  • 【JavaScript】Promise函數的用法
    javascript
  • JavaScript日期函數 - 計時器、innerHTML
    (或匿名函數),毫秒數 ); 或者setInterval( function(){ } , 毫秒數 ); 只不過一個是寫了函數名,一個是直接定義了函數功能:每隔所傳參數的毫秒數,就調用一次所傳參數的函數返回值:當前頁面上對於這個定時器的唯一標識,定時器的ID有了定時器的ID我們就可以取消定時器,下面會講到舉個小例子:
  • JavaScript alert()函數用法說明
    JavaScript alert()函數用法說明 你對JavaScript alert()函數的用法是否熟悉,這裡和大家分享一下,alert消息對話框通常用於一些對用戶的提示信息,例如在表單中輸入了錯誤的數據時。
  • JavaScript 數組操作函數總結
    js中數組操作函數還是非常多的,今天忽然想到來總結一下,也算是溫故而知新吧。
  • 【JavaScript】箭頭函數
    箭頭函數箭頭函數是在es6中引入的,用法十分簡單,允許使用 => 定義函數// 箭頭函數const fn = (
  • javaScript入門—函數和document使用方法,新手必看!
    的alert的對話框,如果沒有檢查一下瀏覽器是否啟用了javascript。JavaScript中函數有什麼特點?函數是重複使用腳本的一種方式,可以重複多次成為可能,在javascript中函數不僅能多次運行而且還可以用來控制什麼時候執行引用腳本。
  • 浪漫javascript程式設計師:用浪漫的方式教你模仿函數重載
    浪漫javascript程式設計師:用浪漫的方式教你模仿函數重載。浪漫是一種生活儀式,不分年齡,不分職業,不分地位。現在,且看程式設計師的浪漫模式。在javascript語言中,函數是沒有重載功能的。也就是說,在javascript函數中,無法通過識別參數的個數及數據類型調用有不同功能的同名函數。但是,程式設計師可以藉助javascript函數中的arguments對象的特性,模仿實現函數的重載,在一定程度上彌補了該程式語言中函數功能的不足。
  • Javascript中split函數用法指導手冊
    Javascript中split函數用法指導手冊 本文向大家重點講解一下Javascript中split函數使用,它可以將一個字符串分割為子字符串,然後將結果作為字符串數組返回,相信本文介紹你對split函數的用法有明確的認識。
  • 實用Javascript調試技巧分享
    下面我就分享一些實用且聰明的調試技巧,希望能讓大家調試自己代碼的時候更加從容自信。1. 不要使用 alert首先, alert只能列印出字符串,如果列印的對象不是 String,則會調用 toString()方法將該對象轉成字符串(比如轉成 [object Object]這種),所以除非你列印 String類型的對象,其他什麼信息都獲取不到。
  • JavaScript 中 Eval 函數的前世今生,執行代碼字符串
    Eval:執行代碼字符串內建函數 eval 允許執行一個代碼字符串。因此我們不能從外部訪問在 eval 中聲明的函數和變量:// 提示:本教程所有可運行的示例都默認啟用了嚴格模式 'use strict'eval("let x = 5; function f() {}");alert(typeof x); // undefined(沒有這個變量)// 函數 f 也不可從外部進行訪問
  • js數組常用的幾個函數總結
    javascript中,數組是很常用的。數組的函數很多,下面分享幾個常用的數組函數。每個函數都用瀏覽器測試過。     下面每個測試結果都是在google瀏覽器console上執行的。length屬性。數組的length屬性,返回數組的元素個數.JavaScript使用一個32位整數,保存數組的元素個數。
  • 七天學會javascript第一天javascript介紹
    javascript介紹javascript數據類型javascript運算符javascript對象javascriptDate對象javascript String對象JavaScript常用於實現一些前端效果。
  • Javascript 生成器
    在 javascript 中,如果想要使用生成器,則需要: 定義特殊的生成器函數 調用該函數創建一個生成器對象 在循環中使用該生成器對象,或直接調用其 方法 我們以下面這個簡單的程序做為起點,並執行以下每個步驟:
  • Excel中超實用的幾個函數歸納
    今天,就來給大家歸納幾個比較難的函數。1、VLOOKUP的使用首先打開VLOOKUP函數對話框(如下圖示)①lookup_value:指需要在數據表首列中進行搜索的值,也就是即將選擇用到表的首列內容,可以是數值、引用或字符串。
  • JavaScript - Math對象
    :1.Math.round() 四捨五入舉個小例子:<script type = 「text/javascript」>alert( Math.round( 3.4 ) );</script>運行結果如下如果改為3.5的話<script type = 「text