亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

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

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

點擊上方“IT那活兒”,關注后了解更多內容,不管IT什么活兒,干就完了!??!





我們在前端開發(fā)中,會接觸到js數(shù)組的使用。數(shù)組提供了很多方法,這些方法對我們來說,可以很方便的達到我們想要的結果。在前后端分離后,通過接口調用獲取數(shù)據(jù)的情況下,少不了對數(shù)組的處理,以下是js數(shù)組中常見的幾種處理方式。









什么是數(shù)組



數(shù)組是按次序排列的一組值。每個值的位置都有編號(從0開始),整個數(shù)組用方括號表示。





迭代方法



1. map()
arr.map():指“映射”,對數(shù)組中的每一項運行給定函數(shù),返回每次函數(shù)調用的結果組成的數(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():它只是對數(shù)組中的每一項運行傳入的函數(shù)。沒有返回值。
注意點:
1)沒有返回值:
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;
            }
        }); // 報錯
        arr.forEach((v, i, a) => {
            console.log(v);
            if (v === 3) {
                console.log( );
                return false;
            }
        }); //1   //2 //3 // //4   //5
3)跳過空值:
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ù)組初始長度決定:
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后進先出。
1. push()
arr.push():可向數(shù)組的末尾添加一個或多個元素,并返回新的數(shù)組長度。
var arr = [1,2,3,4,5];
        console.log(arr.push(6)); //6 返回數(shù)組長度
        console.log(arr); //[1,2,3,4,5]
2. pop()
arr.pop():可向數(shù)組的末尾刪除一個元素,并返回新的數(shù)組。
var arr = [1,2,3,4,5];
        console.log(arr.pop()); //5
        console.log(arr); //[1,2,3,4]






隊列方法



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






操作方法



concat()
arr.concat():連接兩個或多個數(shù)組,并返回一個新數(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ù)內容找到在數(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ù)內容找到在數(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():反轉數(shù)組中元素的順序,并返回反轉后的數(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]






本文作者:池思敏

本文來源:IT那活兒(上海新炬王翦團隊)

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

轉載請注明本文地址:http://www.ezyhdfw.cn/yun/129580.html

相關文章

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

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

    happen 評論0 收藏0
  • JavaScript知識點總結

    摘要:參與任何數(shù)值計算的結構都是,而且。。面向人類的理性事物,而不是機器信號。達到無刷新效果。的工作原理總是指向一個對象,具體是運行時基于函數(shù)的執(zhí)行環(huán)境動態(tài)綁定的,而非函數(shù)被聲明時的環(huán)境。原型對象上有一個屬性,該屬性指向的就是構造函數(shù)。 1.JS面向對象的理解 面向對象的三大特點:繼承、封裝、多態(tài) 1、JS中通過prototype實現(xiàn)原型繼承 2、JS對象可以通過對象冒充,實現(xiàn)多重繼承, 3...

    sean 評論0 收藏0
  • 淺談JS中 reduce() 用法

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

    gplane 評論0 收藏0
  • 【重溫基礎】21.高階函數(shù)

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

    wua_wua2012 評論0 收藏0
  • 【重溫基礎】JS常用高階函數(shù)介紹

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

    gitmilk 評論0 收藏0

發(fā)表評論

0條評論

IT那活兒

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<