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學習筆記(二五):JSTL(1)使用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學習筆記(三五):自定義tag(3)TLDS和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”
從零開始學 Web 之 ES6(五)ES6基礎語法三
一、Generator Generator 函式是 ES6 提供的一種非同步程式設計解決方案。 Generator 函式有多種理解角度。語法上,首先可以把它理解成,Generator 函式是一個狀態機,封裝了多個內部狀態。 執行 Generator 函式會返回一個遍歷器物件,也就是說,Generator
從零開始學 Web 之 ES6(三)ES6基礎語法一
arr 方法 foreach reac 公眾 存在 lock 數組名 回調函數 大家好,這裏是「 從零開始學 Web 系列教程 」,並在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公眾號:Web前端之巔 博
從零開始學 Web 之 ES6(六)ES6基礎語法四
實現 fine 開始 isf 原理 mat 系列教程 include number 大家好,這裏是「 從零開始學 Web 系列教程 」,並在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公眾號:Web前端之巔
從零開始學 Web 之 ES6(四)ES6基礎語法二
一、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列表項的分隔條(即可用顏