js數組方法詳解


Array對象的方法-25個

 /*js數組方法詳解 */

        /*
         * 1 concat() 用於連接多個數組或者值--------------
         * 2 copyWithin()  方法用於從數組的指定位置拷貝元素到數組的另一個指定位置中。()此方法沒太明白
         * 3 every() 用於數組中是否所有元素都滿足條件------
         * */
        function fn4() {
            var arr = [1, 2, 3, 4, 5];
            var re = arr.every(function (v, k, arr) {
                console.log(v, k, arr);
                return v > 0;
            })
            console.log(re);
        }
        /*
         4 fill() 對數字進行指定元素填充--------------------------------------
         *注:不可改變數組長度
         *   array.fill(value, start[, end])
         */

        function fn5() {
            var arr = [1, 2, 3];
            arr.fill('*', 1, 5);
            console.log(arr);//[1, "*", "*"]
        }
        /*
         *5  filter()    過濾數組中滿足條件的元素--------------------------------
         * */
        function fn6() {
            var arr = [12, 3, 43, 4, 4, 34, 4, 5, 54, 646];
            var re = arr.filter(function (v, k, arr) {
                return v > 10;
            })
            console.log(re);

        }

        /*
         * 6 find() 查找數組中首個滿足條件的元素 沒有返回undefined-------------
         * 注意: IE 11 及更早版本不支持 find() 方法。
         * */
        function fn7() {
            var arr = [12, 3, 43, 4, 4, 34, 4, 5, 54, 646];
            var re = arr.find(function (v, k, arr) {
                return v > 2399;

            })
            console.log(re);
        }
        /*
         *
         *7  findindex() 返回滿足條件首個元素的下標-------------------------
         *  array.findIndex(function(currentValue, index, arr), thisValue)
         *  與indexof的差別 indexof 不可檢測NaN
         *
         *  */
        /*
         * 8 forEach() 遍歷數組-------------------------
         *      不改變原數組 無返回值
         * */
        function fn8() {
            var arr = [12, 3, 43, 4, 4, 34, 4, 5, 54, 646];
            var re = arr.forEach(function (v, k, arr) {
                console.log(v * 2);

            })
            console.log(arr);
        }

        /*
         * 9 includes() 判斷一個數組是否包含某個元素------------------------
         *  可檢測nan
         *10   indexof()------------------------------------
         * 11 join() 數組轉化為字符串-------------------
         * 12 lastindexof()
         *
         * */
        /*
         * 13 map() 返回操作后的數組
         * */
        function fn9() {
            var arr = [12, 3, 43, 4, 4, 34, 4, 5, 54, 646];
            var re = arr.map(function (v, k, arr) {
                return v + 1;

            })
            console.log(re);
        }
        /*
         * 14 pop() 返回刪除的元素---------------------------------
         * 15 push()    新數組長度---------------------------------
         * 16 shift()   刪除的元素---------------------------------
         * 17 unshift()  新數組長度---------------------------------
         *
         * */
        /*
         * 18 reduce()
         * 19 reduceRight() 從右側開始
         * */
        function fn10() {
            /*數組元素累加*/
            var arr = [1, 2, 3, 4];
            var re = arr.reduce(function (sum, num) {
                console.log(sum, num);
                return sum + num;
            })
            console.log(re);
        }
        /*
         *20  reverse() 翻轉數組元素位置
         * *//*
         * 21 slice() 截取數組 不改變原數組
         * */
        function fn11() {
            var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
            var re = arr.slice(0, 3);
            console.log(arr, re);
        }
        /*22 some() 查找數組中是否含有某個元素 返回布爾值 檢測到后后面的元素則不再遍歷
         * */
        function fn12() {
            var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
            var re = arr.some(function (v, k, arr) {
                return v > 1;

            })
            console.log(re);
        }
        /*
         *23 splice() 從數組中添加或者刪除元素 返回切割的數組 原數組減少
         * array.splice(index,howmany,item1,.....,itemX)
         *
         * 24 toString()\
         * 25 valueOf()  是數組對象的默認方法。不會改變原數組
         * */

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM