【JavaScript】面向?qū)ο笾瓵rray類型與迭代與歸并

darkbug 發(fā)布于2019-08-26 12:17 / 1452人閱讀

摘要：一類型數(shù)組的常見方法檢測(cè)數(shù)組報(bào)錯(cuò)方法判斷該類型是否出現(xiàn)在當(dāng)前對(duì)象原型鏈中轉(zhuǎn)換數(shù)組把數(shù)組轉(zhuǎn)為字符串，并返回返回?cái)?shù)組對(duì)象原始值利用方法把數(shù)組轉(zhuǎn)為字符串多個(gè)數(shù)組元素被逗號(hào)進(jìn)行分隔組成字符串犬夜叉進(jìn)出棧方法添加數(shù)組末尾增加一個(gè)元素或多個(gè)元素刪除數(shù)

JS(JavaScript)
一.Array類型
1.數(shù)組的常見方法；

檢測(cè)數(shù)組；

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

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


console.log(Object.prototype.toString.call(arr));

console.log(typeof  null);//object
// console.log(null instanceof Null);//報(bào)錯(cuò)
console.log(Object.prototype.toString.call(null));//false
console.log(Array.prototype.isPrototypeOf(arr));//true
// Object.prototype.isPrototypeOf()方法- 判斷該類型是否出現(xiàn)在當(dāng)前對(duì)象原型鏈中
console.log(Array.isArray(arr));//true

轉(zhuǎn)換數(shù)組；

toString()：把數(shù)組轉(zhuǎn)為字符串，并返回
valueOf():返回?cái)?shù)組對(duì)象原始值

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

console.log(arr.toString());//1,2,3,4,5
//利用toString()方法把數(shù)組轉(zhuǎn)為字符串
console.log(arr.valueOf());//[1,2,3,4,5]
//多個(gè)數(shù)組元素被逗號(hào)(,),進(jìn)行分隔組成字符串
var obj = {
    name : "犬夜叉"
}

進(jìn)出棧方法；

push():添加數(shù)組末尾增加一個(gè)元素,或多個(gè)元素
pop():刪除數(shù)組末尾最后一個(gè)元素返回?cái)?shù)組
shift():刪除數(shù)組前面的元素并返回?cái)?shù)組
unshift()：增加數(shù)組前面的或多個(gè)元素，并返回新長度

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

arr.push(6,7);
//添加數(shù)組末尾增加一個(gè)元素,或多個(gè)元素
console.log(arr);
arr.pop();
//刪除數(shù)組末尾最后一個(gè)元素返回?cái)?shù)組
console.log(arr);
arr.unshift(7);
//增加數(shù)組前面的或多個(gè)元素，并返回新長度
console.log(arr);
arr.shift();
//刪除數(shù)組前面的元素并返回?cái)?shù)組
console.log(arr);

排序方法；

reverse()：反轉(zhuǎn)數(shù)組元素順序
sort()：對(duì)數(shù)組元素進(jìn)行排序
返回值以排序數(shù)組

var arr = [3,1,2,3,4,10];
var result = arr.sort(function (a,b) {

    if (a < b);{
      return 1;
    }
    if (a > b) {
      return 1;
    }
})
console.log(arr);
//反轉(zhuǎn)數(shù)組元素順序
console.log(result);
//數(shù)組的元素進(jìn)行排列

連接方法；

連接兩個(gè)或多個(gè)數(shù)組，并返回結(jié)果

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

console.log(arr.concat(6));
console.log(arr.concat([7,8,9]));
//合并兩個(gè)或多個(gè)數(shù)組，因此不會(huì)改變已有的數(shù)組，

操作方法；

slice():獲取數(shù)組的一部分，并返回個(gè)新數(shù)組
splice()：數(shù)組中增加和刪除元素

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

/*splice(start, deleteCount)方法
* 用于刪除當(dāng)前數(shù)組中指定位置指定個(gè)數(shù)元素
*  */
var result = arr.splice(0, 5);
console.log(result);
console.log(arr);


// splice(start, deleteCount, item1, item2, ...)方法
//向指定數(shù)組指定位置增加元素

//start- 表示刪除開始位置
//deleteCount-表示刪除個(gè)數(shù)
// item1, item2, ... - 表示向數(shù)組添加的元素
// 返回值-將刪除的元素組成的新數(shù)組進(jìn)行返回

// var result = arr.splice(0, 0, 6,7,8);
// console.log(result);
// console.log(arr);

// var result = arr.splice(0, 3, 6,7,8);
// console.log(result);
// console.log(arr);

檢索方法；

indexOf():搜索數(shù)組中的元素，并返回其位置
lastlndexOf():返回個(gè)字符串最后出現(xiàn)位置，在個(gè)字符串指定位置從右往左搜尋

var arr = ["犬夜叉","桔梗","犬夜叉","戈薇","殺生丸"];

// 用于檢索數(shù)組中是否包含指定元素內(nèi)容 -> 返回元素所在的位置
// 返回第一個(gè)匹配元素的位置信息
console.log(arr.indexOf("犬夜叉"));// 0
// lastIndexOf() - 從右至左的順序進(jìn)行檢索
console.log(arr.lastIndexOf("犬夜叉"));//
// indexOf() - 從左至右的順序進(jìn)行檢索
console.log(arr.indexOf("四魂之玉"));//-1
//如果檢索的元素并不在指定的數(shù)組中時(shí) -> 結(jié)果為 -1

2.迭代與歸并方法；

迭代方法；

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

var result = arr.every(function (currentValue, index,array,) {
    return (currentValue <5);
  });
  console.log(result);

歸并方法；

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

arr.reduce(function(accumulator, currentValue, currentIndex, array){
    console.log(accumulator)
    return accumulator + currentValue;
});