摘要：類型檢測(cè)數(shù)組示例代碼調(diào)用結(jié)果為方法作用用于判斷當(dāng)前對(duì)象的數(shù)據(jù)類型結(jié)果特點(diǎn)可以準(zhǔn)確判斷出當(dāng)前變量的類型調(diào)用結(jié)果為調(diào)用結(jié)果為報(bào)錯(cuò)調(diào)用結(jié)果為調(diào)用結(jié)果為方法判斷指定類型是否出現(xiàn)在當(dāng)前對(duì)象的原型鏈中調(diào)用結(jié)果為轉(zhuǎn)換數(shù)組提供了兩種方法用于數(shù)組的轉(zhuǎn)

示例代碼:

var arr = [1,2,3,4,5];
console.log(arr instanceof Array);//調(diào)用結(jié)果為 true
/*
    Object.prototype.toString.call()方法
      * 作用 - 用于判斷當(dāng)前對(duì)象的(數(shù)據(jù))類型
      * 結(jié)果 - [object Array]
      * 特點(diǎn) - 可以準(zhǔn)確判斷出當(dāng)前變量的類型
 */
console.log(Object.prototype.toString.call(arr));// 調(diào)用結(jié)果為 [object Array]

console.log(typeof null);// object

// console.log(null instanceof Null)// 調(diào)用結(jié)果為 報(bào)錯(cuò)

console.log(null instanceof Object);// 調(diào)用結(jié)果為 false

console.log(Object.prototype.toString.call(null));// 調(diào)用結(jié)果為 [object Null]

// Object.prototype.isPrototypeOf()方法 - 判斷指定類型是否出現(xiàn)在當(dāng)前對(duì)象的原型鏈中
console.log(Array.prototype.isPrototypeOf(arr));// 調(diào)用結(jié)果為 true

console.log(Array.isArray(arr));// true

JavaScript提供了兩種方法,用于數(shù)組的轉(zhuǎn)換

toString()方法 - 把數(shù)組轉(zhuǎn)換為字符串,并返回結(jié)果

valueOf()方法 - 返回?cái)?shù)組對(duì)象的原始值

示例代碼:

var arr = [1,2,3,4,5];
/*
    利用toString()方法將數(shù)組轉(zhuǎn)換為字符串
      * 結(jié)果 - 多個(gè)數(shù)組元素被逗號(hào)( , ) 進(jìn)行分隔組成的字符串
 */
console.log(arr.toString());// 調(diào)用結(jié)果為 1,2,3,4,5

console.log(arr.valueOf());// 調(diào)用結(jié)果為 [1,2,3,4,5]

var obj = {
    name : "皮卡丘"
};
console.log(obj.valueOf());// 調(diào)用結(jié)果為 { name: "皮卡丘" }

所謂棧就是數(shù)據(jù)結(jié)構(gòu),(先進(jìn)后出)這個(gè)結(jié)構(gòu)就叫棧

示例代碼:

var arr = [1,2,3,4,5];

/* 在指定的數(shù)組的最后面添加指定的元素 */
arr.push(6);
console.log(arr);
/* 刪除指定數(shù)組的最后一個(gè)元素并返回被刪除的數(shù)組 */
arr.pop();
console.log(arr);

/* 在指定的數(shù)組的最前面添加指定元素 */
arr.unshift(7);
console.log(arr);
/* 刪除指定數(shù)組的最前面的一個(gè)元素并返回被刪除的數(shù)組 */
arr.shift();
console.log(arr);

分析圖:

注意 - reverse()和sort()方法的返回值是經(jīng)過排序之后的數(shù)組

注意: 使用if進(jìn)行判斷如果形參中的 a < b 排序方式是由大到小進(jìn)行排列
如果 a > b 排序方式是由小到大進(jìn)行排列

注意返回值是負(fù)數(shù)的情況下是無效的

示例代碼:

/*
    reverse()方法 - 表示反轉(zhuǎn)數(shù)組的元素順序(就是把順序給到過來)
 */
var arr = [3,1,2,3,4,5,21];
// console.log(arr.reverse());// 調(diào)用結(jié)果為 [ 5, 4, 3, 2, 1 ]

/*
    sort()方法 - 表示數(shù)組的元素進(jìn)行排列(就是正常順序排列)
 */
var result = arr.sort();
console.log(result);// 調(diào)用結(jié)果為 [ 1, 2, 3, 4, 5 ]
console.log(arr);// 調(diào)用結(jié)果為 [ 1, 2, 3, 4, 5 ]


/*
    使用if進(jìn)行判斷如果形參中的 a < b 排序方式是由大到小進(jìn)行排列
    如果 a > b 排序方式是由小到大進(jìn)行排列
    * 注意返回值是負(fù)數(shù)的情況下是無效的
 */

var result = arr.sort(function (a,b) {
    if (a < b){
        /* 返回值 */
        return 1;
    }
});
console.log(arr);// 調(diào)用結(jié)果為 [ 1, 2, 3, 3, 4, 5, 21 ]
console.log(result);// 調(diào)用結(jié)果為 [ 1, 2, 3, 3, 4, 5, 21 ]

控制臺(tái)效果代碼圖:

concat()方法 - 表示連接兩個(gè)或多個(gè)數(shù)組,并返回結(jié)果

就是把concat()方法中括號(hào)里的元素和原有數(shù)組的元素添加到一起并返回結(jié)果

示例代碼:

var arr = [1,2,3,4,5];
console.log(arr.concat(6));// 調(diào)用結(jié)果為 [ 1, 2, 3, 4, 5, 6 ]
console.log(arr.concat([9,10,"J","O","K"]));// 調(diào)用結(jié)果為 [ 1, 2, 3, 4, 5, 9, 10, "J", "O", "K" ]

控制臺(tái)效果圖:

特點(diǎn) - 可以刪除指定元素的位置并且給指定的位置添加新的元素

示例代碼:

var arr = [1,2,3,4,5];
/*
    splice(start, deleteCount)方法
    * 作用 - 用于刪除當(dāng)前數(shù)組中指定位置指定個(gè)數(shù)的元素
    * 參數(shù)
      * start - 表示刪除的開始位置
      * deleteCount - 表示刪除的個(gè)數(shù)
    * 返回值 - 將刪除的元素組成的新數(shù)組進(jìn)行返回
 */
// var result = arr.splice(0, 5);
// console.log(result);// 調(diào)用結(jié)果為 [ 1, 2, 3, 4, 5 ]
// console.log(arr);// 調(diào)用結(jié)果為 []

/*
    splice(start, deleteCount, item1, item2, ...)方法
    * 作用 - 向指定數(shù)組的指定位置添加元素
    * 參數(shù)
      * start - 表示刪除的開始位置
      * deleteCount - 表示刪除的個(gè)數(shù)
      * item1, item2, ... - 表示向數(shù)組添加的元素
    * 返回值 - 將刪除的元素組成的新數(shù)組進(jìn)行返回
 */
var result = arr.splice(0, 0, 6,7,8);
console.log(result);// 調(diào)用結(jié)果為 []
console.log(arr);// 調(diào)用結(jié)果為 [ 6, 7, 8, 1, 2, 3, 4, 5 ]

var result = arr.splice(0, 3, 6,7,8);
console.log(result);// 調(diào)用結(jié)果為 [ 1, 2, 3 ]
console.log(arr);// 調(diào)用結(jié)果為 [ 6, 7, 8, 4, 5 ]

/*
    slice()方法
    * 作用 - 截取指定數(shù)組中的元素
    * 參數(shù)
      * begin - 表示開始截取的位置(從 0 開始)
      * end - 表示結(jié)束截取的位置(截取最后一個(gè)位置的下一個(gè)位置)
    * 返回值 - 返回截取的元素組成的新數(shù)組
 */
var result = arr.slice(2,3);
console.log(result);// 調(diào)用結(jié)果為 [3]

indexOf()和lastindexOf()方法

用于檢索數(shù)組中是否包含指定的元素內(nèi)容 - 并且返回元素所在的位置

indexOf() - 表示從左至又的順序進(jìn)行檢索

lastIndexOf() - 表示從右至左的順序進(jìn)行檢索

注意 - 如果在同一個(gè)數(shù)組當(dāng)中有重復(fù)的元素存在,則會(huì)匹配到第一個(gè)被查找到的元素信息的位置

比如 - (indexOf就是從左到右開始找第一個(gè)相符的元素,lastIndexOf就是從右到左找第一個(gè)相符的元素)

如果檢索的元素并不在指定數(shù)組中時(shí) - 那么返回的結(jié)果為 -1(這是固定的)

示例代碼:

var arr = ["葫蘆娃","哪吒","皮卡丘","哪吒","舒克","貝特"];

console.log(arr.indexOf("哪吒"));// 調(diào)用結(jié)果為 1
console.log(arr.lastIndexOf("舒克"));//調(diào)用結(jié)果為 4
console.log(arr.indexOf("哆啦A夢(mèng)"));// 調(diào)用結(jié)果為 -1

Array.prototype.forEach()方法

作用 - 用于遍歷指定數(shù)組

參數(shù)

callback - 表示回調(diào)函數(shù)

currentValue - 表示遍歷數(shù)組得到每個(gè)元素

index - 表示遍歷數(shù)組得到每個(gè)元素對(duì)應(yīng)的索引值

array - 表示遍歷的數(shù)組

示例代碼:

var arr = ["皮卡丘","葫蘆娃","舒克","貝特","叮當(dāng)貓"];

arr.forEach(function (currentValue,index,array) {
    console.log(array);
});

控制臺(tái)示例圖: