最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

JS數(shù)組中常用方法技巧學會進階成為大佬

 更新時間:2021年10月16日 09:00:38   作者:cvvvvvvvvvv  
這篇文章主要為大家介紹了JS數(shù)組中常用的方法技巧,學會了你就在進階成為大佬的道路上又邁進了一步,希望能夠有所幫助,祝大家多多進步

splice()方法

截取替換數(shù)組

第一個參數(shù)是起始位置,第二個是截取的個數(shù),第三是替換的元素 ,返回值是截取的元素,原數(shù)組是剩余的元素。

join()方法

數(shù)組轉(zhuǎn)字符串

()里的是以什么來連接,如果輸入空字符串join('')則直接拼接不分割

例如:

let aaa = [1,2,3]
let bbb = aaa.join('-')  
let ccc = aaa.join('0')  
console.log(bbb) // '1-2-3'
console.log(ccc) //'10203'

reverse()方法

翻轉(zhuǎn)數(shù)組

arr.reverse() 翻轉(zhuǎn)數(shù)組,返回值是翻轉(zhuǎn)好的數(shù)組

every()方法

查找數(shù)組不符合條件的

遍歷檢測數(shù)組的每一項 如果有一項不符合你定義的條件 則返回false 剩余的不再執(zhí)行 ,只有每一項都符合條件 才返回true

第一個參數(shù)是數(shù)組的每一項,第二個是索引 第三個是當前數(shù)組

例:

arr:[121,3322,3215,3549,6899,46456]
arr.every(function(item,index,array){
    return item>2000  //檢測數(shù)組的每一個值是否大于2000
})	//結(jié)果是false 除非數(shù)組每個值都大于2000 才是true

reduce()方法

求累加的值

可以將前面數(shù)組項遍歷產(chǎn)生的結(jié)果與當前遍歷項進行運算

第一個參數(shù)是 累計器(保存第二個值返回回來的結(jié)果)prev

第二個值是當前正在處理的值(遍歷數(shù)組重頭到尾)cur

第三個索引 index

第四個當前數(shù)組 arr

第五個 初始值 (函數(shù)后面)init

例:

var arr = [3,9,4,3,6,0,9];
var sum = arr.reduce(function (prev, cur) {
    return prev + cur;
},0);//由于初始值是0 也就是prev剛開始的值是0  索以運算起來就是  0+3=3  3+9=12  12+4=16 .... 每次得到的結(jié)果都會被prev存儲進行下一次運算 這就是最簡單的reduce求和

filter()方法

遍歷并篩選數(shù)組

第一個參數(shù)是數(shù)組的每一項,第二個是索引 第三個是當前數(shù)組

它會遍歷數(shù)組 按你定義的條件篩選你定義的條件 并且返回一個新數(shù)組,新數(shù)組里裝著所有滿足條件的元素

例:

var arr=[1,3,5,7,8]
var sum = arr.filter(function(value,index,arr){
    return value >3  //篩選arr數(shù)值中 大于3的元素 
})
console.log(sum) //返回的值是[5,7,8]

findIndex()方法 和find()方法

findIndex()

找出第一個滿足條件的數(shù)組成員的索引 找不到返回-1

對于空數(shù)組,函數(shù)是不會執(zhí)行的并沒有改變數(shù)組的原始值。

find()

find()函數(shù)用來查找目標元素,找到就返回該元素,找不到返回undefined

查找函數(shù)有三個參數(shù):

value:每一次迭代查找的數(shù)組元素。

index:每一次迭代查找的數(shù)組元素索引。

arr:被查找的數(shù)組。

forEach()方法

遍歷循環(huán)數(shù)組
第一個值是每個參數(shù)
第二個值是索引
第三個是數(shù)組本身
多用于遍歷數(shù)組里的元素

arr:[1,2,3]
arr.forEach(function(item,index,array){
console.log(item) //1,2,3
})

some()方法

檢測數(shù)組中的元素是否滿足條件,用于查找唯一的值 返回true 或false

var a = arr.some(function(item,index,array){
return item>3  //檢測是否有大于3的元素,有則返回true,沒有則返回false
})

只要找到一個滿足條件的元素則終止循環(huán) 在some里面 遇到了return trun 就會終止循環(huán)

indexOf()方法

查找數(shù)組是否存在某個元素,返回下標。返回在數(shù)組中可以找到一個給定元素的第一個索引,如果不存在,則返回-1。
參數(shù)
第一個參數(shù)(必須):被查找的元素
第二個(可選):開始查找的位置(不能大于等于數(shù)組的長度,返回-1),接受負值,默認值為0。
嚴格相等的搜索:
數(shù)組的indexOf搜索跟字符串的indexOf不一樣,數(shù)組的indexOf使用嚴格相等===搜索元素,即數(shù)組元素要完全匹配才能搜索成功。

sort ()方法

參數(shù)可選: 規(guī)定排序順序的比較函數(shù)。
默認情況下sort()方法沒有傳比較函數(shù)的話,默認按字母升序,如果元素不是字符串的話,會調(diào)用toString()方法將元素轉(zhuǎn)化為字符串的Unicode(萬國碼)位點,然后再比較字符。

// 字符串排列 首字母
var a = ["Banana", "Orange", "Apple", "Mango"];
a.sort(); // ["Apple","Banana","Mango","Orange"]
// 數(shù)字排序的時候 因為轉(zhuǎn)換成Unicode字符串之后,有些數(shù)字會比較大會排在后面
var a = [10, 1, 3, 20,25,8];
console.log(a.sort()) // [1,10,20,25,3,8];

push()方法

push 向數(shù)組末尾添加新元素(可一次性添加多個)
返回值:新數(shù)組的length (長度)

const aa = [1,2,3]
aa.push(5,6)
console.log(aa) // [1,2,3,5,6]

pop()方法

尾部刪除一個 返回值是被刪除的元素

unshift()方法

頭部添加, 返回值是數(shù)組長度

shift()方法

頭部刪除元素 返回值:被刪除的元素

以上就是JS數(shù)組中常用方法技巧學會進階成為大佬的詳細內(nèi)容,更多關(guān)于JS數(shù)組中常用方法技巧的資料請關(guān)注腳本之家其它相關(guān)文章!

相關(guān)文章

  • 讓瀏覽器DOM元素最后加載的js方法

    讓瀏覽器DOM元素最后加載的js方法

    讓瀏覽器DOM元素最后加載的方法有很多,本例為大家介紹下,通過js如何實現(xiàn)
    2014-07-07
  • JS使用正則表達式實現(xiàn)關(guān)鍵字替換加粗功能示例

    JS使用正則表達式實現(xiàn)關(guān)鍵字替換加粗功能示例

    這篇文章主要介紹了JS使用正則表達式實現(xiàn)關(guān)鍵字替換加粗功能,涉及javascript基本正則匹配與替換操作相關(guān)技巧,需要的朋友可以參考下
    2016-08-08
  • 教你用Uniapp實現(xiàn)微信小程序的GPS定位打卡

    教你用Uniapp實現(xiàn)微信小程序的GPS定位打卡

    地圖組件用于展示地圖,而定位API只是獲取坐標,請勿混淆兩者,下面這篇文章主要給大家介紹了關(guān)于如何使用Uniapp實現(xiàn)微信小程序的GPS定位打卡的相關(guān)資料,需要的朋友可以參考下
    2022-11-11
  • js 對象使用的小技巧實例分析

    js 對象使用的小技巧實例分析

    這篇文章主要介紹了js 對象使用的小技巧,結(jié)合實例形式分析了JavaScript對象的遍歷、查找、事件監(jiān)聽等相關(guān)操作技巧,需要的朋友可以參考下
    2019-11-11
  • JS前端框架關(guān)于重構(gòu)的失敗經(jīng)驗分享

    JS前端框架關(guān)于重構(gòu)的失敗經(jīng)驗分享

    關(guān)于重構(gòu)JS前端框架的失敗經(jīng)驗接下來與大家分享一下,感興趣的你可不要錯過了哈,畢竟是經(jīng)驗之談哈
    2013-03-03
  • JS中截取數(shù)組的幾種方法總結(jié)

    JS中截取數(shù)組的幾種方法總結(jié)

    在JavaScript中數(shù)組是一種常用的數(shù)據(jù)結(jié)構(gòu),用于存儲多個值,這篇文章主要給大家總結(jié)介紹了關(guān)于JS中截取數(shù)組的幾種方法,文中通過代碼介紹的非常詳細,需要的朋友可以參考下
    2024-05-05
  • 最新評論

    凤翔县| 嘉禾县| 天台县| 盘锦市| 青神县| 鄯善县| 紫云| 安阳市| 石泉县| 祁阳县| 金坛市| 南京市| 海原县| 长垣县| 汽车| 博客| 阜康市| 澜沧| 新野县| 奉节县| 慈溪市| 澄江县| 鸡东县| 雷山县| 三河市| 昭平县| 灌云县| 广河县| 开封市| 正蓝旗| 喀什市| 会昌县| 邹城市| 徐闻县| 德保县| 紫金县| 洱源县| 那曲县| 疏附县| 曲麻莱县| 扶绥县|