成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

javascript數(shù)組方法學(xué)習(xí)匯總

zebrayoung / 1301人閱讀

摘要：將輸出新數(shù)組判斷數(shù)組中的每一項(xiàng)是否都滿足條件，都滿足返回，此方法相較于之前的幾個(gè)方法，返回值有差異，是一個(gè)布爾值。輸出數(shù)組用于將一組值轉(zhuǎn)化為數(shù)組輸出數(shù)組返回一個(gè)布爾值，表示某個(gè)數(shù)組中是否包含給定的值。

1、join("sep")：將數(shù)組元素組合成字符串。以sep為分隔符，省略的話則默認(rèn)使用逗號(hào)為分隔符。

var arr = ["a","b","c"];
console.log(arr.join("-"))// 將輸出字符串"a-b-c"。

2、reverse(): 反轉(zhuǎn)數(shù)組元素。

var arr = ["a","b","c"]
console.log(arr.reverse())// 將輸出數(shù)組["c","b","a"], 原數(shù)組也將被改變，與輸出的值相同。

3、concat(): 數(shù)組的合并，將參數(shù)添加到原數(shù)組的末尾，返回添加過后的新數(shù)組，不改變原數(shù)組。

var arr = ["a","b"]
console.log(arr.concat(["c"]))// 輸出新數(shù)組["a","b","c"]。

4、push(): 向數(shù)組末尾添加元素,返回添加元素以后的數(shù)組的長度,原數(shù)組被改變。

5、pop()： 移除數(shù)組最后一項(xiàng)，返回移除的值，原數(shù)組被改變。該方法的返回值與push方法的有差異。

6、shift()： 移除數(shù)組第一項(xiàng)，返回移除的元素，原數(shù)組被改變。

7、unshift()： 在數(shù)組的開頭添加元素，返回?cái)?shù)組的長度，原數(shù)組被改變。

8、slice(n, m): 該方法可從已有的數(shù)組或字符串中返回選定的元素。返回從原數(shù)組中指定開始下標(biāo)n到結(jié)束下標(biāo)m(不包括m)之間的項(xiàng)組成的新數(shù)組,如果只傳入一個(gè)參數(shù)，則截取該下標(biāo)到數(shù)組結(jié)尾，不改變原數(shù)組。

var arr = [1,2,3,4,5]
console.log(arr.slice(1,3)) // 輸出新數(shù)組[2,3]。

9、splice(n,length) 刪除：兩個(gè)參數(shù)，要?jiǎng)h除的第一項(xiàng)的位置和要?jiǎng)h除的個(gè)數(shù)，返回被刪除的元素組成的新數(shù)組,原數(shù)組被改變。

var arr = ["a", "b", "c"]
console.log(arr.splice(1, 2)) // 輸出新數(shù)組["b","c"]。

splice(n,length,x) 刪除后添加，從下表為n的位置刪除length個(gè)元素，然后在刪除的位置添加元素x,length可以為0，則只添加不刪除

arr.splice(1,2,"d")  // 原數(shù)組變?yōu)閇"a","d"]。

10、indexOf(item, [m]): 查找目標(biāo)元素item在數(shù)組當(dāng)中的下標(biāo),m代表從什么位置開始查找，可省略。返回被查找元素的下標(biāo),如不存在，則返回-1。lastIndexOf(n,[m]) 從數(shù)組的末尾開始向前查找

var arr = ["a","b","c"]
console.log(arr.indexOf("b")) // 輸出1
console.log(arr.indexOf("f")) // 輸出-1

11、forEach(function(value,index,arr){}): 對數(shù)組進(jìn)行遍歷循環(huán)，對數(shù)組中的每一項(xiàng)運(yùn)行給定的函數(shù)。這個(gè)方法沒有返回值。參數(shù)分別為遍歷的數(shù)組內(nèi)容(value)，對應(yīng)內(nèi)容的下標(biāo)(index)，原數(shù)組(arr)。

var arr = ["a","b","c"]
arr.forEach(function(value, index){
   console.log(value +"===>"+ index)
})
// 輸出 a===>0, b===>1, c===>2

12、map(function(value,index,arr){}): 對數(shù)組中的每一項(xiàng)運(yùn)行給定的函數(shù)，返回每次函數(shù)調(diào)用的結(jié)果組成的新數(shù)組。

var arr = [1, 2, 3];
var resultArr = arr.map(function (value, index, arr) {
   return value * value;
})
console.log(resultArr) // 輸出新數(shù)組[1,4,9]

13、filter(function(value,index,arr){}): 過濾功能,數(shù)組中的每一項(xiàng)運(yùn)行給定的函數(shù)，返回滿足過濾條件的元素組成的新數(shù)組。

var arr = [1,2,3,4,5,6]
var resultArr = arr.filter(function(value,index,arr){
   return value % 2 === 0            
})
console.log(resultArr) // 將輸出新數(shù)組[2,4,6]

14、every(function(value,index,arr){})：判斷數(shù)組中的每一項(xiàng)是否都滿足條件，都滿足返回true，此方法相較于之前的幾個(gè)方法，返回值有差異，是一個(gè)布爾值。

var arr = [1, 2, 3, 4, 5, 6];
var flag = arr.every(function (value, index, arr) {
   return value < 10;
})
console.log(flag) // 輸出 true。數(shù)組中的所有元素都小于10

15、some(function(value,index,arr){})：判斷數(shù)組中是否存在滿足條件的項(xiàng)，只要有一項(xiàng)滿足條件，就會(huì)返回true。

16、find(function(value,index,arr){})：用于找出第一個(gè)符合條件的數(shù)組成員，并返回該元素。

var arr = [1,2,4,5,3,6,7]
var num = arr.find(function(value,index.arr){
  return value > 2           
})
console.log(num) // 將輸出4。4 為數(shù)組中滿足條件的第一個(gè)元素，后面的元素將不會(huì)在進(jìn)行遍歷篩選。

17、findIndex(function(value,index,arr){})：返回第一個(gè)符合條件的數(shù)組成員的位置。也就是滿足條件的那個(gè)成員的index值

18、Array.from()：該方法用于將類似數(shù)組的對象和可遍歷的對象轉(zhuǎn)化為真正的數(shù)組。

var obj = {
   "0": "a",
   "1": "b",
   "2": "c",
   length: 3             
}
console.log(Array.from(obj)) // 輸出數(shù)組 ["a","b","c"]

19、Array.of()：用于將一組值轉(zhuǎn)化為數(shù)組

console.log(Array.of(1,2,3,4,5)) //輸出數(shù)組[1,2,3,4,5]

20、includes()：返回一個(gè)布爾值，表示某個(gè)數(shù)組中是否包含給定的值。

var arr = ["a","b","c"]
console.log(arr.includes("a")) //輸出 true
console.log(arr.includes("d")) //輸出 false

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/94837.html

相關(guān)文章

  • JS 數(shù)組方法學(xué)習(xí)匯總

    摘要：整個(gè)數(shù)組的大操作轉(zhuǎn)換拼接排序倒置這個(gè)方法是將數(shù)組轉(zhuǎn)換為字符串，數(shù)組元素間用傳進(jìn)去的參數(shù)沒有參數(shù)就用分隔這個(gè)方法用于拼接兩個(gè)數(shù)組并返回一個(gè)新的數(shù)組。看代碼吧打印整個(gè)數(shù)組這個(gè)方法是對數(shù)組的每一項(xiàng)運(yùn)行給定函數(shù)，返回每一項(xiàng)返回結(jié)果組成的數(shù)組。 前言 在 JS 中我們數(shù)組用的是比較多的了，它自帶了很多方法可以用，省去了我們時(shí)間，特別是 ES6 當(dāng)中對數(shù)組的擴(kuò)展讓數(shù)組具有了更強(qiáng)大的功能，為了以后使...

    PAMPANG 評(píng)論0 收藏0

  • 2017-07-17 前端日報(bào)

    摘要：前端日報(bào)精選聽說你沒來總結(jié)個(gè)人使用過的移動(dòng)端布局方法新特性簡介用寫組件坦然面對應(yīng)對前端疲勞中文深入理解筆記函數(shù)前端架構(gòu)經(jīng)驗(yàn)分享系列教程之創(chuàng)建頁面元素龍?jiān)迫珬Ｏ盗薪坛讨ㄎ豁撁嬖佚堅(jiān)迫珬５谄谂c表單驗(yàn)證技術(shù)周刊期知乎 2017-07-17 前端日報(bào) 精選 聽說你沒來 JSConf 2017?總結(jié)個(gè)人使用過的移動(dòng)端布局方法 - Rni-L - SegmentFaultNode.js v8....

    caiyongji 評(píng)論0 收藏0

  • 從Timer中學(xué)習(xí)優(yōu)先隊(duì)列的實(shí)現(xiàn)

    摘要：從中學(xué)習(xí)優(yōu)先隊(duì)列的實(shí)現(xiàn)是定時(shí)器的實(shí)現(xiàn)，用來調(diào)度定時(shí)執(zhí)行的任務(wù)和執(zhí)行一次的任務(wù)，就像的和的意思，它也可以作為后臺(tái)程序運(yùn)行。通過和的方法可以保證整個(gè)優(yōu)先隊(duì)列的關(guān)系，保證的是最小的。作用是構(gòu)建堆，可以從的數(shù)組構(gòu)建堆，來表示優(yōu)先隊(duì)列。 從Timer中學(xué)習(xí)優(yōu)先隊(duì)列的實(shí)現(xiàn) Timer是Java定時(shí)器的實(shí)現(xiàn)，用來調(diào)度定時(shí)執(zhí)行的任務(wù)和執(zhí)行一次的任務(wù)，就像JavaScript的setInterval和s...

    anquan 評(píng)論0 收藏0

  • Vue + ArcGIS API for JavaScript 構(gòu)建前端GIS應(yīng)用（一）

    摘要：技術(shù)路線的選擇技術(shù)學(xué)習(xí)內(nèi)容匯總技術(shù)路線的選擇項(xiàng)目的技術(shù)路線是使用構(gòu)建一套前端應(yīng)用，更加具體的技術(shù)路線實(shí)際上是，應(yīng)用到了技術(shù)棧加上了最新版的。不管怎么說，以這次項(xiàng)目對的使用體驗(yàn)挺好。本次項(xiàng)目沒有使用開源的要求，自然是最好的選擇。 寫這篇總結(jié)的意義：總結(jié)，回顧，反思項(xiàng)目進(jìn)行過程和這套Vue + ArcGIS API for JavaScriptGIS前端應(yīng)用技術(shù)路線，從項(xiàng)目與技術(shù)兩個(gè)方面積...

    lufficc 評(píng)論0 收藏0

  • 【underscore 源碼解讀】JavaScript 中如何判斷兩個(gè)元素是否 "相同&q

    摘要：最近開始看源碼，并將源碼解讀放在了我的計(jì)劃中。后文中均假設(shè)比較的兩個(gè)參數(shù)為和。，如果和均是類型或者類型，我們可以用來判斷是否。 Why underscore 最近開始看 underscore.js 源碼，并將 underscore.js 源碼解讀 放在了我的 2016 計(jì)劃中。 閱讀一些著名框架類庫的源碼，就好像和一個(gè)個(gè)大師對話，你會(huì)學(xué)到很多。為什么是 underscore？最主要的原...

    yhaolpz 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<