1. 程式人生 > >Web端 es6(基礎五) 陣列擴充套件

Web端 es6(基礎五) 陣列擴充套件

常用

轉換為數字 Array.of

let numbers = Array.of(1,2,3,4);
console.log(numbers)
// 輸出結果
(4) [1, 2, 3, 4]

對每個元素進行操作

//對每個元素進行操作
let array = Array.from([1,2,3],(item) =>{
    return item * 2
})
console.log(array)
// 輸出結果
(3) [2, 4, 6]

fill 批量替換

fill (替換的數值,起始位置,結束位置)

console.log([1,'hello',undefined].fill(7
)) console.log(['a','b','c','d','e','f','g'].fill(7,1,3)) // 輸出結果 (3) [7, 7, 7] (7) ["a", 7, 7, "d", "e", "f", "g"]

陣列遍歷

for (let index of ['a','b','c']){
    console.log(index)
}
// 輸出結果 abc

for (let index of ['a','b','c'].keys()){
   console.log(index)
}
// 輸出結果  0 1 2


for (let [index,value] of ['a'
,'b','c'].entries()){ console.log(index,value) } // 輸出結果 0 "a" 1 "b" 2 "c"

陣列淺複製 copyWithin

方法淺複製陣列的一部分到同一陣列中的另一個位置,並返回它,而不修改其大小。

console.log([33,38,39,40,50].copyWithin(0,3,4))
// 輸出結果
(5) [40, 38, 39, 40, 50]

陣列位置查詢 find

// 輸出查詢 值
let result = [1,2,3,4,5,6].find((item)=>{
    return item > 3
; })
console.log(result) // 輸出結果 4 // 查詢下標 let result = [1,2,3,4,5,6].findIndex((item)=>{ return item > 3; }) console.log(`index=${result}`) // 輸出結果 index = 3

陣列過濾

let result = [1,2,3,4,5,6].filter((item)=>{
    return item > 3;
})
console.log(result)

// 輸出結果
(3) [4, 5, 6]

相關推薦

Web es6基礎 陣列擴充套件

常用 轉換為數字 Array.of let numbers = Array.of(1,2,3,4); console.log(numbers) // 輸出結果 (4) [1, 2

Web es6基礎set-map資料結構

容器的區別 set 不允許重複 如果相同 不進行新增 筆記 set 的概念 let set = new Set(); set.add(7) set.ad

Web es6基礎Proxy 和 Reflect

Proxy Proxy 物件用於定義基本操作的自定義行為(如屬性查詢,賦值,列舉,函式呼叫等)。 通俗的來講,也就是代理 let obj = { time: '201

Java for Web學習筆記:JSTL1使用JSTL

在前面已經使用過JSTL,例如<c:url>,fn是JSTL的functionlibrary,而c是JSTL的tag library。使用它們,我們要告知解析器,如下: <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core

Java for Web學習筆記:自定義tag3TLDS和Tag Handler

JSTL的TLD   這是JSTL採用的方式。TLD(Tag Library Descriptor)描述tag和function,以及具體執行的java程式碼tag handler。Tag Handler是javax.servlet.jsp.tagext.Tag或javax.servlet.jsp.tage

es6基礎 數值的擴充套件

一、傳統parseInt() parseFloat() 都是定義在全域性物件下(window)    es6下改成在 Number下  Number.parseInt() Number.parseFloat(){ let num = "3px"; console.info

客戶測試

在Django中,django.test.Client類充當一個虛擬的網路瀏覽器,可以測試檢視(views)與Django的應用程式以程式設計方式互動。 Django.test.Client類可以做的事情如下: 1.模擬“GET”和“POST”

從零開始學 WebES6ES6基礎語法三

一、Generator Generator 函式是 ES6 提供的一種非同步程式設計解決方案。 Generator 函式有多種理解角度。語法上,首先可以把它理解成,Generator 函式是一個狀態機,封裝了多個內部狀態。 執行 Generator 函式會返回一個遍歷器物件,也就是說,Generator

從零開始學 WebES6ES6基礎語法一

arr 方法 foreach reac 公眾 存在 lock 數組名 回調函數 大家好,這裏是「 從零開始學 Web 系列教程 」,並在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公眾號:Web前端之巔 博

從零開始學 WebES6ES6基礎語法四

實現 fine 開始 isf 原理 mat 系列教程 include number 大家好,這裏是「 從零開始學 Web 系列教程 」,並在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公眾號:Web前端之巔

從零開始學 WebES6ES6基礎語法二

一、Promise Promise是一個物件,代表了未來某個將要發生的事件(,這個事件通常是一個非同步操作) 有了Promise物件, 可以將非同步操作以同步的流程表達出來, 避免了層層巢狀的回撥函式(俗稱'回撥地獄')。 ES6的Promise是一個建構函式, 用來生成promise例項。 1、prom

es6基礎 Proxy(代理)

一、理解    源物件    代理(攔截)    操作    //打個比方    批發衣服:相當於供應商    代理商(張先生)    使用者(買)二、使用(攔截) get():攔截物件屬性的讀取 set():攔截物件屬性的設定 deleteProperty():攔截刪除物件

java-web學習筆記

war 客戶 腳本元素 utf 輸出 PE 行動 包含 筆記 第五章:JSP語法 一:Servlet和JSP的區別和各自優勢?  Servlet和JSP均基於java語言,Servlet以java類的形式體現,JSP以腳本語言形式體現,兩者均需要在web

java程式設計師菜鳥進階linux基礎入門linux使用者和組管理

我們大家都知道,要登入linux作業系統,我們必須要有一個使用者名稱和密碼。每一個使用者都由一個惟一的身份來標識,這個標識叫做使用者ID.系統中的每一個使用者也至少需要屬於一個"使用者分組".同樣,使用者分組也是由一個惟一的身份來標識的,該標識叫做使用者分組ID(GID).每位使用者的許可

java基礎學習總結:抽象類與介面

       抽象類與介面是java語言中對抽象概念進行定義的兩種機制,正是由於他們的存在才賦予java強大的面向物件的能力。他們兩者之間對抽象概念的支援有很大的相似,甚至可以互換,但是也有區別。  一、抽象類    &n

Spring.NET教程AOP的配置(基礎篇)

上篇我學習了Spring.net的四種通知型別,AOP的實現方案比較複雜,是通過程式碼實現的。而Spring.NET框架給我們提供了配置的方式來實現AOP的功能。到目前為止,我們已經討論過使用ProxyFactoryObject或其它類似的工廠物件顯式建立AOP代理的方法。如果應用程式需要建立很多AOP代理,

Python3基礎讀寫檔案1

一、\n 換行命令 定義 text 為字串, 並檢視使用 \n 和不適用 \n 的區別: >>> text='this is first line,this is second line,this is third line' >>> prin

Go語言基礎—— Go語言實現json資料檔案讀取與儲存

案例: package main import ( "os" "fmt" "encoding/json" "time" ) type Person2 struct { Name string Age int Sex string Hobby []string } fun

好書閱讀與推薦

Redis設計與實現 通過前面這本書我們已經知道redis怎麼用比較好了,現在我們來看看 Redis 的實現原理。這本書是作者自己看著原始碼寫出來的,不得不佩服作者的智慧與毅力。這本書基於redis3.0,此刻redis最新版是4.0.9,我們看書的時候可以自己

Android開發學習筆記基礎UI控制元件之ListView

一、ListView常用XML屬性: android:choiceMode="" 設定ListView的選擇行為 android:divider="" 設定List列表項的分隔條(即可用顏