国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

【Js】數(shù)組(包括es6)方法大集合

這篇具有很好參考價(jià)值的文章主要介紹了【Js】數(shù)組(包括es6)方法大集合。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問(wèn)。

數(shù)組方法(包括es6)

1、arr.push()

從后面添加元素,返回值為添加完后的數(shù)組的長(zhǎng)度 ,改變?cè)瓟?shù)組

a = [1,2,3,4,5];
b = a.push(6,7,8);
console.log(b);//8 數(shù)組長(zhǎng)度
console.log(a);//[1, 2, 3, 4, 5, 6, 7, 8]
2、arr.pop()

從后面刪除元素,只能是一個(gè),返回值是刪除的元素 (改變?cè)瓟?shù)組)

let arr = [1,2,3,4,5]
console.log(arr.pop())     // 5
console.log(arr)  //[1,2,3,4]
3、arr.shift()

從前面刪除元素,只能刪除一個(gè) 返回值是刪除的元素(改變?cè)瓟?shù)組

let arr = [1,2,3,4,5]
console.log(arr.shift())  // 1
console.log(arr)   // [2,3,4,5]
4、arr.unshift()

從前面添加元素, 返回值是添加完后的數(shù)組的長(zhǎng)度(改變?cè)瓟?shù)組

let arr = [1,2,3,4,5]
console.log(arr.unshift([1,2]))    // 6
console.log(arr)  //[[1,2],1,2,3,4,5]
5、arr.splice(i,n)

刪除從i(索引值)開(kāi)始之后的那個(gè)元素。返回值是刪除的元素(改變?cè)瓟?shù)組)

參數(shù): i 索引值 n 個(gè)數(shù),n缺省時(shí)表示從i往后都刪了

let arr = [1,2,3,4,5]
console.log(arr.splice(2,2))     //[3,4]
console.log(arr)    // [1,2,5]
6、arr.slice(start,end)

切去索引值start到索引值end的數(shù)組,不包含end索引的值,返回值是切出來(lái)的數(shù)組(不改變?cè)瓟?shù)組

let arr = [1,2,3,4,5]
console.log(arr.slice(1,3))   // [2,3]
console.log(arr)    //  [1,2,3,4,5]
7、arr.concat()

連接兩個(gè)數(shù)組 返回值為連接后的新數(shù)組(不改變?cè)瓟?shù)組)

var a = [1,2,3],b = [4,5];var c = a.concat(b);
a//[1, 2, 3]
b//[4,5]
c// [1, 2, 3, 4, 5]
8、arr.join()

將數(shù)組轉(zhuǎn)為字符串(不改變?cè)瓟?shù)組)

a = [1,2,3];b = a.join(',');
b// "1,2,3"

參數(shù): 字符串

9、arr.sort()

將數(shù)組進(jìn)行排序,返回值是排好的數(shù)組,(改變?cè)瓟?shù)組)

說(shuō)明:如果調(diào)用該方法時(shí)沒(méi)有使用參數(shù),將按字母順序?qū)?shù)組中的元素進(jìn)行排序,說(shuō)得更精確點(diǎn),是按照字符編碼的順序進(jìn)行排序。要實(shí)現(xiàn)這一點(diǎn),首先應(yīng)把數(shù)組的元素都轉(zhuǎn)換成字符串(如有必要),以便進(jìn)行比較。

如果想按照其他標(biāo)準(zhǔn)進(jìn)行排序,就需要提供比較函數(shù),該函數(shù)要比較兩個(gè)值,然后返回一個(gè)用于說(shuō)明這兩個(gè)值的相對(duì)順序的數(shù)字。比較函數(shù)應(yīng)該具有兩個(gè)參數(shù) a 和 b,其返回值如下:文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-415395.html

  • 若 a 小于 b,在排序后的數(shù)組中 a 應(yīng)該出現(xiàn)在 b 之前,則返回一個(gè)小于 0 的值。
  • 若 a 等于 b,則返回 0。
  • 若 a 大于 b,則返回一個(gè)大于 0 的值。
let arr = [2,10,6,1,4,22,3]
console.log(arr.sort())   // [1, 10, 2, 22, 3, 4, 6]
console.log(arr.sort((a, b) => {
   return -1}))   // [3, 22, 4, 1, 6, 10, 2]
let arr = ['a', 'b', 'c', 'd']
console.log(arr.sort())   // ["a", "b", "c", "d"]
let arr1 = arr.sort((a, b) =>a - b)  
console.log(arr, arr1)   //[1, 2, 3, 4, 6, 10, 22], [1, 2, 3, 4, 6, 10, 22]
let arr2 = arr.sort((a, b) =>b-a)  
console.log(arr2)  // [22, 10, 6, 4, 3, 2, 1]
let arr3 = arr.sort((a, b) =>b>a? -1: 1);
console.log(arr3);  //[1, 2, 3, 4, 6, 10, 22]

let arr = [{
   num:2},{
   num:10},{
   num:6},{
   num:1},{
   num:4},{
   num:22},{
   num:3}]
console.log(arr.sort((a, b) => a.num - b.num))// [{num: 1},{num: 2},{num: 3},{num: 4},{num: 6},{num: 10},{num: 22}]

[2,10,6,1

到了這里,關(guān)于【Js】數(shù)組(包括es6)方法大集合的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來(lái)自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • 【JavaScript】數(shù)組方法 (ES6)

    arr.find(callback) 用于獲取第 1 個(gè)符合要求的元素: callback : (item, index, arr) = boolean item -當(dāng)前值、 index -當(dāng)前索引、 arr -當(dāng)前數(shù)組 返回值: callback 第一次返回 true 的對(duì)應(yīng) item ;如果沒(méi)有符合的元素,則返回 undefined arr.findIndex(callback) 用于獲取第 1 個(gè)符合要求的元素的下標(biāo): cal

    2024年02月14日
    瀏覽(27)
  • 【ES6】JavaScript 中的數(shù)組方法reduce

    【ES6】JavaScript 中的數(shù)組方法reduce

    reduce() 是一個(gè) JavaScript 中的數(shù)組方法,它會(huì)對(duì)數(shù)組的每個(gè)元素執(zhí)行一個(gè)提供的 reducer 函數(shù),將其減少到一個(gè)單一的值。 這是 reduce() 的基本用法: 這里: callback 是一個(gè)用于每個(gè)數(shù)組元素的函數(shù),接受四個(gè)參數(shù): accumulator:累加器累加回調(diào)的返回值。它是上一次調(diào)用回調(diào)時(shí)返回

    2024年02月10日
    瀏覽(22)
  • JavaScript筆記——快速了解 ES6 新增數(shù)組方法,開(kāi)箱即用(含案例)

    JavaScript筆記——快速了解 ES6 新增數(shù)組方法,開(kāi)箱即用(含案例)

    數(shù)組是 JavaScript 以及多數(shù)編程其他編程語(yǔ)言的一種基礎(chǔ)數(shù)據(jù)類型。 ES6 提供了許多新的數(shù)組方法,這篇文章將介紹其中一些常用的數(shù)組方法及其使用示例。 Array.from() 方法從一個(gè)類似數(shù)組或可迭代對(duì)象中創(chuàng)建一個(gè)新的,淺拷貝的數(shù)組實(shí)例。例如,將字符串轉(zhuǎn)換為字符數(shù)組。 A

    2024年02月10日
    瀏覽(28)
  • ES6中Set集合

    ES6中的Set是一種數(shù)據(jù)結(jié)構(gòu),類似于數(shù)組,但是它的值都是唯一的。它是通過(guò)一組有序的、由唯一元素組成的集合實(shí)現(xiàn)的,不允許重復(fù)項(xiàng)。Set可以用于存儲(chǔ)任何類型的數(shù)據(jù),包括原始類型和復(fù)合類型,如對(duì)象和數(shù)組。 Set有以下特點(diǎn): Set集合中的元素是唯一的,不允許重復(fù)。

    2024年02月07日
    瀏覽(14)
  • ES6中Map集合

    Map集合是一個(gè)新的數(shù)據(jù)結(jié)構(gòu),它可以存儲(chǔ)鍵值對(duì),并且可以使用任何類型的值作為鍵,包括對(duì)象、數(shù)組和函數(shù)。Map也是一種可迭代的結(jié)構(gòu),可以使用for...of循環(huán)遍歷。 在ES6中,我們可以使用Map構(gòu)造函數(shù)來(lái)創(chuàng)建一個(gè)Map集合: 我們還可以在創(chuàng)建Map時(shí)傳入一個(gè)數(shù)組,數(shù)組中包含的元

    2024年02月07日
    瀏覽(17)
  • [ES6] 數(shù)組

    Array.of(),將參數(shù)中所有值作為元素形成數(shù)組,參數(shù)值可為不同類型,參數(shù)為空時(shí)返回空數(shù)組 Array.from(),將類數(shù)組對(duì)象或可迭代對(duì)象轉(zhuǎn)化為數(shù)組 Array.from(arrayLike[, mapFn[, thisArg]]) arrayLike:想要轉(zhuǎn)換的類數(shù)組對(duì)象或可迭代對(duì)象 mapFn:可選,map 函數(shù),用于對(duì)每個(gè)元素進(jìn)行處理,放入數(shù)組的是

    2023年04月23日
    瀏覽(15)
  • ES6基礎(chǔ)知識(shí)二:ES6中數(shù)組新增了哪些擴(kuò)展?

    ES6基礎(chǔ)知識(shí)二:ES6中數(shù)組新增了哪些擴(kuò)展?

    一、擴(kuò)展運(yùn)算符的應(yīng)用 ES6通過(guò)擴(kuò)展元素符…,好比 rest 參數(shù)的逆運(yùn)算,將一個(gè)數(shù)組轉(zhuǎn)為用逗號(hào)分隔的參數(shù)序列 主要用于函數(shù)調(diào)用的時(shí)候,將一個(gè)數(shù)組變?yōu)閰?shù)序列 可以將某些數(shù)據(jù)結(jié)構(gòu)轉(zhuǎn)為數(shù)組 能夠更簡(jiǎn)單實(shí)現(xiàn)數(shù)組復(fù)制 const a1 = [1, 2]; const […a2] = a1; // [1,2] 數(shù)組的合并也更為

    2024年02月16日
    瀏覽(26)
  • 【ES6】—數(shù)組的擴(kuò)展

    【ES6】—數(shù)組的擴(kuò)展

    ES5 的 slice 方法 arguments 是一個(gè)對(duì)應(yīng)于傳遞給函數(shù)的參數(shù)的類/偽數(shù)組對(duì)象 ES6的Array.from()方法 PS: 通過(guò)new Array的時(shí)候,參數(shù)為多個(gè)時(shí),參數(shù)表示的是數(shù)組的值;參數(shù)為一個(gè)時(shí),參數(shù)表示是數(shù)組的長(zhǎng)度 參數(shù):copyWithin(target, start, end) target: 從哪個(gè)索引開(kāi)始替換 strat: 元素復(fù)制的起始

    2024年02月12日
    瀏覽(20)
  • ES6知識(shí)點(diǎn)匯總(2)--數(shù)組

    1、擴(kuò)展運(yùn)算符的應(yīng)用 ES6通過(guò)擴(kuò)展元素符…,就像rest 參數(shù)的逆運(yùn)算,將一個(gè)數(shù)組轉(zhuǎn)為用逗號(hào)分隔的參數(shù)序列 主要用于函數(shù)調(diào)用的時(shí)候,將一個(gè)數(shù)組變?yōu)閰?shù)序列 能夠更簡(jiǎn)單實(shí)現(xiàn)數(shù)組復(fù)制 數(shù)組的合并也更為簡(jiǎn)潔 注意:通過(guò)擴(kuò)展運(yùn)算符實(shí)現(xiàn)的是淺拷貝,修改了引用指向的值,

    2024年02月13日
    瀏覽(29)
  • ES6解構(gòu)對(duì)象、數(shù)組、函數(shù)傳參

    ES6解構(gòu)對(duì)象、數(shù)組、函數(shù)傳參

    ? 目錄 ?1.對(duì)象解構(gòu) 2.對(duì)象解構(gòu)的細(xì)節(jié)處理 2.1.解構(gòu)的值對(duì)象中不存在時(shí) 2.2.給予解構(gòu)值默認(rèn)參數(shù)? ?2.3.非同名屬性解構(gòu) 3.數(shù)組解構(gòu) 3.1基礎(chǔ)解構(gòu)語(yǔ)法 3.2數(shù)組嵌套解構(gòu) 4.函數(shù)解構(gòu)傳參 5.解構(gòu)小練習(xí) 在ES6的新語(yǔ)法中新增了解構(gòu)的方法,它可以讓我們很方便的從數(shù)組或者對(duì)象身上取

    2024年02月16日
    瀏覽(16)

覺(jué)得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包