成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

js處理數(shù)組的方法

IT那活兒 / 1613人閱讀
js處理數(shù)組的方法

點(diǎn)擊上方“IT那活兒”，關(guān)注后了解更多內(nèi)容，不管IT什么活兒，干就完了?。?！





我們?cè)谇岸碎_(kāi)發(fā)中，會(huì)接觸到j(luò)s數(shù)組的使用。數(shù)組提供了很多方法，這些方法對(duì)我們來(lái)說(shuō)，可以很方便的達(dá)到我們想要的結(jié)果。在前后端分離后，通過(guò)接口調(diào)用獲取數(shù)據(jù)的情況下，少不了對(duì)數(shù)組的處理，以下是js數(shù)組中常見(jiàn)的幾種處理方式。









什么是數(shù)組



數(shù)組是按次序排列的一組值。每個(gè)值的位置都有編號(hào)（從0開(kāi)始），整個(gè)數(shù)組用方括號(hào)表示。





迭代方法



1. map()
arr.map()：指“映射”，對(duì)數(shù)組中的每一項(xiàng)運(yùn)行給定函數(shù)，返回每次函數(shù)調(diào)用的結(jié)果組成的數(shù)組。
var arr = [1, 2, 3, 4, 5];
        var arr1 = arr.map(function (item) {
            return item * item;
        });
        console.log(arr1); //[1,4,9,16,25]


2. forEach()
arr.forEach()：它只是對(duì)數(shù)組中的每一項(xiàng)運(yùn)行傳入的函數(shù)。沒(méi)有返回值。
注意點(diǎn)：
1）沒(méi)有返回值：
var arr = [1, 2, 3, 4, 5];
        var solt = arr.forEach((v, i, a) => {
            console.log(v);
        });
        console.log(solt); // undefined
2）不能中止或跳出 forEach 循環(huán)：
var arr = [1, 2, 3, 4, 5]
        arr.forEach((v, i, a) => {
            console.log(v);
            if (v === 3) {
                break;
            }
        }); // 報(bào)錯(cuò)
        arr.forEach((v, i, a) => {
            console.log(v);
            if (v === 3) {
                console.log( );
                return false;
            }
        }); //1   //2 //3 // //4   //5
3）跳過(guò)空值：
var arr = [1, 3, , 13, 2];
        var newarr = [];
        arr.forEach(function (item, index) { 
            arr[index] = 2;
        })
        console.log(arr); //[2,2,empty,2,2]
4）循環(huán)次數(shù)由數(shù)組初始長(zhǎng)度決定：
var arr = [1, 2, , 3, 4];
        var newarr = [];
        arr.forEach(function (item, index) {
            if (arr[index] == 4) {
                arr.push(10);
                arr.push(6);
            }
            console.log("數(shù)組循環(huán)了" + index + "次");
        });
        console.log(arr);
        //數(shù)組循環(huán)了0次 //數(shù)組循環(huán)了1次 //數(shù)組循環(huán)了3次 //數(shù)組循環(huán)了4次
//[1, 2, empty, 3, 4, 10, 6]






棧方法



棧方法是指Last-In-First-Out后進(jìn)先出。
1. push()
arr.push()：可向數(shù)組的末尾添加一個(gè)或多個(gè)元素，并返回新的數(shù)組長(zhǎng)度。
var arr = [1,2,3,4,5];
        console.log(arr.push(6)); //6 返回?cái)?shù)組長(zhǎng)度
        console.log(arr); //[1,2,3,4,5]
2. pop()
arr.pop()：可向數(shù)組的末尾刪除一個(gè)元素，并返回新的數(shù)組。
var arr = [1,2,3,4,5];
        console.log(arr.pop()); //5 
        console.log(arr); //[1,2,3,4]






隊(duì)列方法



1. shift()
arr.shift()：可向數(shù)組的前面刪除一個(gè)元素，并返回刪除的元素。
var arr = [1,2,3,4,5];
        console.log(arr.shift()); //1 返回刪除元素
        console.log(arr); //[2,3,4,5]
2. unshift()
arr.unshift()：可向數(shù)組的前面添加一個(gè)或多個(gè)元素，并返回新的數(shù)組長(zhǎng)度。
var arr = [1,2,3,4,5];
        console.log(arr.unshift(6)); //6 返回新數(shù)組長(zhǎng)度
        console.log(arr); //[6,1,2,3,4,5]






操作方法



concat()
arr.concat()：連接兩個(gè)或多個(gè)數(shù)組，并返回一個(gè)新數(shù)組。
var arr = [1,2,3,4,5];
console.log(arr.concat([1,2])); //[1,2,3,4,5,1,2]
console.log(arr); //[1,2,3,4,5]






位置方法



1. indexOf()
arr.indexOf()：根據(jù)內(nèi)容找到在數(shù)組中第一次出現(xiàn)的索引位置，找不到返回-1。
var arr = [1, 2, 3, 4, 5, 2];
        var arr1 = arr.indexOf(2);
        console.log(arr1) ; //1
        var arr2 = arr.indexOf(9);
        console.log(arr2); //-1
2. lastIndexOf()
arr.lastIndexOf()：根據(jù)內(nèi)容找到在數(shù)組中最后一次出現(xiàn)的索引位置，找不到返回-1。
var arr = [1, 2, 3, 4, 5, 2];
        var arr1 = arr.lastIndexOf(2);
        console.log(arr1); //5
        var arr2 = arr.lastIndexOf(6);
        console.log(arr2); //-1






重排序方法



reverse()
arr.reverse()：反轉(zhuǎn)數(shù)組中元素的順序，并返回反轉(zhuǎn)后的數(shù)組。
var arr = [1,2,3,4,5];
        console.log(arr); //[1,2,3,4,5]
        console.log(arr.reverse()); //[5,4,3,2,1]






本文作者：池思敏

本文來(lái)源：IT那活兒（上海新炬王翦團(tuán)隊(duì)）

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/129580.html

相關(guān)文章

  • 讓開(kāi)發(fā)事半功倍-js數(shù)組處理方法

    摘要：日常開(kāi)發(fā)中，如果熟悉一般的數(shù)組處理方法，常能事半功倍，有更多時(shí)間學(xué)習(xí)其他技術(shù)，形成正向循環(huán)。這里總結(jié)常用的數(shù)組處理方法。 日常開(kāi)發(fā)中，如果熟悉一般的數(shù)組處理方法，常能事半功倍，有更多時(shí)間學(xué)習(xí)其他技術(shù)，形成正向循環(huán)。 這里總結(jié)常用的js數(shù)組處理方法。 遍歷查找 Array.filter() 過(guò)濾 返回新數(shù)組，不改變?cè)瓟?shù)組 不檢查空數(shù)組 let holidays = [1, 3, 5,...

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

  • JavaScript知識(shí)點(diǎn)總結(jié)

    摘要：參與任何數(shù)值計(jì)算的結(jié)構(gòu)都是，而且。。面向人類的理性事物，而不是機(jī)器信號(hào)。達(dá)到無(wú)刷新效果。的工作原理總是指向一個(gè)對(duì)象，具體是運(yùn)行時(shí)基于函數(shù)的執(zhí)行環(huán)境動(dòng)態(tài)綁定的，而非函數(shù)被聲明時(shí)的環(huán)境。原型對(duì)象上有一個(gè)屬性，該屬性指向的就是構(gòu)造函數(shù)。 1.JS面向?qū)ο蟮睦斫?面向?qū)ο蟮娜筇攸c(diǎn)：繼承、封裝、多態(tài) 1、JS中通過(guò)prototype實(shí)現(xiàn)原型繼承 2、JS對(duì)象可以通過(guò)對(duì)象冒充，實(shí)現(xiàn)多重繼承， 3...

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

  • 淺談JS中 reduce() 的用法

    摘要：一語(yǔ)法其中，表示將要原數(shù)組表示上一次調(diào)用回調(diào)時(shí)的返回值，或者初始值表示當(dāng)前正在處理的數(shù)組元素表示當(dāng)前正在處理的數(shù)組元素的索引，若提供值，則索引為，否則索引為表示初始值。 一、語(yǔ)法 arr.reduce(function(prev,cur,index,arr){...}, init); 其中，arr 表示將要原數(shù)組；prev 表示上一次調(diào)用回調(diào)時(shí)的返回值，或者初始值 init;cur 表...

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

  • 【重溫基礎(chǔ)】21.高階函數(shù)

    摘要：歡迎您的支持系列目錄復(fù)習(xí)資料資料整理個(gè)人整理重溫基礎(chǔ)篇重溫基礎(chǔ)對(duì)象介紹重溫基礎(chǔ)對(duì)象介紹重溫基礎(chǔ)介紹重溫基礎(chǔ)相等性判斷重溫基礎(chǔ)閉包重溫基礎(chǔ)事件本章節(jié)復(fù)習(xí)的是中的高階函數(shù)，可以提高我們的開(kāi)發(fā)效率。 本文是 重溫基礎(chǔ) 系列文章的第二十一篇。 今日感受：想家。 本人自己整理的【Cute-JavaScript】資料，包含：【ES6/ES7/ES8/ES9】，【JavaScript基礎(chǔ)...

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

  • 【重溫基礎(chǔ)】JS中的常用高階函數(shù)介紹

    摘要：也可以直接調(diào)用內(nèi)置方法常用高階函數(shù)方法的作用是接收一個(gè)函數(shù)作為參數(shù)，對(duì)數(shù)組中每個(gè)元素按順序調(diào)用一次傳入的函數(shù)并返回結(jié)果，不改變?cè)瓟?shù)組，返回一個(gè)新數(shù)組。 Ps. 晚上加班到快十點(diǎn)，回來(lái)趕緊整理整理這篇文章，今天老大給我推薦了一篇文章，我從寫技術(shù)博客中收獲到了什么？- J_Knight_，感受也是很多，自己也需要慢慢養(yǎng)成記錄博客的習(xí)慣，即使起步艱難，難以堅(jiān)持，但還是要讓自己加油加油。 前...

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

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

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<