日韩欧美亚洲,久久久久久美女在线

JavaScript 數(shù)組方法大全

會改變原數(shù)組的方法: unshift(); push(); shift(); pop(); sort(); reverse(); splice(); copyWithin(); fill();

$\color{#FF8C00}{\rm\large{concat()}}$

功能: 合并數(shù)組，可以合并一個或者多個數(shù)組，會返回合并數(shù)組之后的數(shù)據(jù)。
是否會改變原數(shù)組： $\color{#ADD8E6}{\rm\small{不會}}$

 var str1 = [12,22,34,'justin',100];
 var str2 = ['bieber']
 console.log(str1.concat(str2))  
 // [12, 22, 34, 'justin', 100, 'bieber']
 console.log(str1) 
 // [12, 22, 34, 'justin', 100]

es6的擴展運算符， $\color{#ADD8E6}{\rm\small{不會}}$ 改變原始數(shù)組

let str3 = [...str1,...str2]

$\color{#FF8C00}{\rm\large{join()}}$

功能: 將數(shù)組轉(zhuǎn)為字符串并返回轉(zhuǎn)化的字符串數(shù)據(jù)；
是否會改變原數(shù)組： $\color{#ADD8E6}{\rm\small{不會}}$

 var str1 = [12,22,'hello']
 var str2 = str1.join("-")
 console.log(str2)  // 12-22-hello
 console.log(str1)  // [12, 22, 'hello']

$\color{#FF8C00}{\rm\large{pop()}}$

功能: 刪除數(shù)組的最后一位，并且返回刪除的數(shù)據(jù)
是否會改變原數(shù)組： $\color{#ADD8E6}{\rm\small{會}}$

 var str1 = [12,22,33,44,55]
 var str2 = str1.pop()
 console.log(str2)  // 55 
 console.log(str1)  // [12, 22, 33, 44]

$\color{#FF8C00}{\rm\large{shift()}}$

功能: 刪除數(shù)組的第一位數(shù)據(jù)，并且返回新數(shù)組的長度
是否會改變原數(shù)組： $\color{#ADD8E6}{\rm\small{會}}$

 var str1 = [12,2,"hello"];
 console.log(str1.shift());　　　　　　//12
 console.log(str1);　　　　　　　　　　//[2,"hello"]

$\color{#FF8C00}{\rm\large{unshift()}}$

功能: 在數(shù)組的首位新增一個或多數(shù)據(jù)，并且返回新數(shù)組的長度
是否會改變原數(shù)組： $\color{#ADD8E6}{\rm\small{會}}$
$\color{#FFB6C1}{\rm\small{注意:}}$ $\color{#FF8C00}{\rm\small{unshift()}}$ 方法返回的數(shù)據(jù)是新數(shù)組的長度，它增加的數(shù)據(jù)可以是一個也可以是多個，可以理解為增加一連串的數(shù)據(jù)。

 var str1 = [12,2,"hello"];
 var str2 = [43,2,"test"];
 console.log(str1.unshift("你好"));　　　　　　 //4
 console.log(str2.unshift("hello","world"));　 //5
 console.log(str1);　　　　        // ["你好", 12, 2, "hello"]
 console.log(str2);　          // ['hello', 'world', 43, 2, 'test']

$\color{#FF8C00}{\rm\large{push()}}$

功能: 在數(shù)組的最后一位新增一個或多個數(shù)據(jù)，并且返回新數(shù)組的長度
是否會改變原數(shù)組： $\color{#ADD8E6}{\rm\small{會}}$
$\color{#FFB6C1}{\rm\small{注意:}}$ $\color{#FF8C00}{\rm\small{push()}}$ 方法返回的是數(shù)據(jù)是新數(shù)組的長度，它增加的數(shù)據(jù)可以是一個也可以是多個，可以理解為增加一連串的數(shù)據(jù)。

 var str1 = [12,2,"hello"];
 var str2 = [43,2,"test"];
 console.log(str1.push("你好"));　　　　　　　　　　//4
 console.log(str2.push("hello","world"));　　　　//5
 console.log(str1);　　　　　　　　　　　　　　　　　//[12, 2, "hello","你好"]
 co
 nsole.log(str2);　　　　　　　　　　　　　　　　　//[43, 2, "test","hello", "world"]

$\color{#FF8C00}{\rm\large{reverse()}}$

功能: 將數(shù)組的數(shù)據(jù)進行反轉(zhuǎn)，并且返回反轉(zhuǎn)后的數(shù)組
是否會改變原數(shù)組： $\color{#ADD8E6}{\rm\small{會}}$

 var str1 = [12,2,"hello"];
 console.log(str1.reverse());　　　　　　//["hello", 2, 12]
 console.log(str1);　　　　　　　　　　　　//["hello", 2, 12]

$\color{#FF8C00}{\rm\large{sort()}}$

功能: 對數(shù)組內(nèi)的數(shù)據(jù)進行排序(默認為升序)，并且返回排過序的新數(shù)組
是否會改變原數(shù)組： $\color{#ADD8E6}{\rm\small{會}}$
- 這里的排序是針對字符的排序，先使用數(shù)組的toString()方法轉(zhuǎn)為字符串，再逐位比較，3是大于12的，因為首位3>1，不要與Number型的數(shù)據(jù)排序混淆。
- str2數(shù)組中增加了三個字符，可以看到，比較的時候，zoom是最大的，因為首位的英文字母通過ASCII碼可以轉(zhuǎn)為相應的數(shù)值，再根據(jù)數(shù)值比較。

 var str1 = [12,2,43,5,2,5];
 var str2 = [92,2,43,"hello",5,2,5,"abc","zoom"];
 console.log(str1.sort());　　　　　　　　//[12, 2, 2, 43, 5, 5]
 console.log(str1);　　　　　　　　　　　　//[12, 2, 2, 43, 5, 5]
 console.log(str2.sort());　　　　　　　　//[2, 2, 43, 5, 5, 92, "abc", "hello", "zoom"]
 console.log(str2);　　　　　　　　　　　　//[2, 2, 43, 5, 5, 92, "abc", "hello", "zoom"]

事例如下所示：

 let person =[
   {name:'第一',age:12},
   {name:'第二',age:23},
   {name:'第三',age:5}
 ]
 person.sort((a,b)=>{
   // 參數(shù) a 減去 參數(shù) b  返回的值是 升序排列 
   // 參數(shù) b 減去 參數(shù) a  返回的值是 降序排列
   return b.age-a.age
 })
console.log(person)

$\color{#FF8C00}{\rm\large{slice()}}$

功能: 截取指定位置的數(shù)組，并且返回截取的數(shù)組
是否會改變原數(shù)組： $\color{#ADD8E6}{\rm\small{不會}}$
$\color{#FF4500}{\rm\small{參數(shù):}}$ slice(startIndex, endIndex)
$\color{#FFB6C1}{\rm\small{注意:}}$ 可從已有的數(shù)組中返回選定的元素。該方法接收兩個參數(shù)slice(start,end)，strat為必選，表示從第幾位開始；end為可選，表示到第幾位結(jié)束(不包含end位)，省略表示到最后一位；start和end都可以為負數(shù)，負數(shù)時表示從最后一位開始算起，如-1表示最后一位。

 let arr = ['T1','T2','T3','T4','T5','T6']
 console.log(arr.slice(1,3))  // ['T2', 'T3'] 
 console.log(arr.slice(1))    // ['T2', 'T3', 'T4', 'T5', 'T6']
 // -4 表示 start 從末尾開始數(shù) ，默認從1開始 end 到 1 那個位置但不含 -1 
 console.log(arr.slice(-4,-1)) // ['T3', 'T4', 'T5']
 console.log(arr.slice(-2))   // ['T5', 'T6']
 console.log(arr.slice(1,-2))  // ['T2', 'T3', 'T4']
 console.log(arr)  // ['T1', 'T2', 'T3', 'T4', 'T5', 'T6'] 不會改變原數(shù)組

$\color{#FF8C00}{\rm\large{splice()}}$

功能: 向數(shù)組中添加，或從數(shù)組刪除，或替換數(shù)組中的元素，然后返回被刪除/替換的元素。
是否會改變原數(shù)組： $\color{#ADD8E6}{\rm\small{會}}$
$\color{#FF4500}{\rm\small{參數(shù):}}$ splice(start,num,data1,data2,…);
$\color{#FFB6C1}{\rm\small{注意:}}$ 所有參數(shù)全部可選。第一個參數(shù)是小標，第二個是刪除的長度，第一個參數(shù)可以為負數(shù)。

var list = [11,22,33,44,55,66]
console.log('原始數(shù)據(jù)',list)

// 刪除
list.splice(0,2)     // 刪除  -> 從下標為0開始,長度為1
console.log(list)   // [33, 44, 55, 66]
list.splice(0,2)    // 刪除  -> 從下標為0開始,長度為2
console.log(list)   // [55, 66]

// 替換
list.splice(0,1,4)   // 替換 -> 從下標為0開始,長度為1的數(shù)組元素替換成4
console.log(list)    // [4, 22, 33, 44, 55, 66]
list.splice(0,3,4)   //  替換 -> 從下標為0開始,長度為2的數(shù)組元素替換成4(即4,2整體替換成4)
console.log(list)    // [4, 44, 55, 66]


// 添加
list.splice(2,0,5)  // 表示在下標為2處前添加一項5
console.log(list)  // [11, 22, 5, 33, 44, 55, 66]

$\color{#FF8C00}{\rm\large{toString()}}$

功能: 將數(shù)組轉(zhuǎn)換成字符串，類似于沒有參數(shù)的join()。該方法會在數(shù)據(jù)發(fā)生隱式類型轉(zhuǎn)換時被自動調(diào)用，如果手動調(diào)用，就是直接轉(zhuǎn)為字符串。
是否會改變原數(shù)組： $\color{#ADD8E6}{\rm\small{不會}}$

var str = [1,2,3];
console.log(str.toString());     //1,2,3
console.log(str);                //[1,2,3]

$\color{#FF8C00}{\rm\large{valueOf()}}$

功能: 返回數(shù)組的原始值。一般由js在后臺調(diào)用，并不顯式的出現(xiàn)在代碼中
是否會改變原數(shù)組： $\color{#ADD8E6}{\rm\small{不會}}$

var str = [1,2,3];
console.log(str.valueOf());         //[1,2,3]
console.log(str);                   //[1,2,3]
//為了證明返回的是數(shù)組自身
console.log(str.valueOf() == str);  //true

$\color{#FF8C00}{\rm\large{IndexOf()}}$

功能: 根據(jù)指定的數(shù)據(jù)，從左向右，查詢在數(shù)組中出現(xiàn)的位置，如果不存在指定的數(shù)據(jù)，返回-1，找到了指定的數(shù)據(jù)返回該數(shù)據(jù)的索引。
$\color{#FF4500}{\rm\small{參數(shù):}}$ indexOf(value, start);value為要查詢的數(shù)據(jù)；start為可選，表示開始查詢的位置，當start為負數(shù)時，從數(shù)組的尾部向前數(shù)；如果查詢不到value的存在，則方法返回-1
是否會改變原數(shù)組： $\color{#ADD8E6}{\rm\small{不會}}$

var str = ["h","e","l","l","o"];
console.log(str.indexOf("l"));        //2
console.log(str.indexOf("l",3));      //3
console.log(str.indexOf("l",4));      //-1
console.log(str.indexOf("l",-1));     //-1
console.log(str.indexOf("l",-3));     //2

$\color{#FF8C00}{\rm\large{lastIndexOf()}}$

功能: 根據(jù)指定的數(shù)據(jù)，從左向右，lastIndexOf() 方法可返回一個指定的元素在數(shù)組中最后出現(xiàn)的位置，從該字符串的后面向前查找。如果不存在指定的數(shù)據(jù)，返回-1，找到了指定的數(shù)據(jù)返回該數(shù)據(jù)的索引
$\color{#FF4500}{\rm\small{參數(shù):}}$ indexOf(value, start);value為要查詢的數(shù)據(jù)；start為可選，表示開始查詢的位置，當start為負數(shù)時，從數(shù)組的尾部向前數(shù)；如果查詢不到value的存在，則方法返回-1
是否會改變原數(shù)組： $\color{#ADD8E6}{\rm\small{不會}}$

var str = ["h","e","l","l","o"];
console.log(str.lastIndexOf("l"));        //3

$\color{#FF8C00}{\rm\small{lastIndexOf()與IndexOf()第二個參數(shù):}}$ 個人認為，indexOf的第二個參數(shù)傳進去有用，lastIndexOf第二個參數(shù)跟沒傳一樣。

$\color{#FF8C00}{\rm\large{forEach()}}$

功能: $\color{#ADD8E6}{\rm\small{ES5}}$ 新增的方法，用來遍歷數(shù)組，沒有返回值。
$\color{#FF4500}{\rm\small{參數(shù):}}$ forEach(callback); callback默認有三個參數(shù)，分別為value(遍歷到的數(shù)組的數(shù)據(jù))，index(對應的索引)，self(數(shù)組自身)。
是否會改變原數(shù)組： $\color{#ADD8E6}{\rm\small{不會}}$

 var arr = ["Tom","Jack","Lucy","Lily","May"];
 var a = arr.forEach(function(value,index,self){
     console.log(value + "--" + index + "--" + (arr === self));
 })

 // 打印結(jié)果為：
 // Tom--0--true
 // Jack--1--true
 // Lucy--2--true
 // Lily--3--true
 // May--4--true
 console.log(a);     //undefined---forEach沒有返回值

該方法為遍歷方法，不會修改原數(shù)組

$\color{#FF8C00}{\rm\large{map()}}$

功能: $\color{#ADD8E6}{\rm\small{ES5}}$ 它返回一個新的數(shù)組，數(shù)組中的元素為原始數(shù)組調(diào)用函數(shù)處理后的值。
$\color{#FF4500}{\rm\small{參數(shù):}}$ map(callback);callback默認有三個參數(shù)，分別為value，index，self。跟上面的forEach()的參數(shù)一樣
是否會改變原數(shù)組： $\color{#ADD8E6}{\rm\small{不會}}$
$\color{#FFB6C1}{\rm\small{注意:}}$ 不會對空數(shù)組進行檢測不會改變原始數(shù)組
$\color{#40E0D0}{\rm\small{特點:}}$
- 1. key的類型無限制
- 1. 可直接遍歷
  - 常規(guī)對象里，為了遍歷keys、values和entries，你必須將它們轉(zhuǎn)換為數(shù)組，如使用Object.keys()、Object.values()和Object.entries()，或使用for ... in，另外for ... in循環(huán)還有一些限制：它僅僅遍歷可枚舉屬性、非Symbol屬性，并且遍歷的順序是任意的。
  - 但Map可直接遍歷，且因為它是鍵值對集合，所以可直接使用for…of或forEach來遍歷。這點不同的優(yōu)點是為你的程序帶來更高的執(zhí)行效率。
常規(guī)使用方法 get has includes clear delete 方法

  // set
  let newArrInfo = new Map()
  newArrInfo.set('first','第一')
  newArrInfo.set('two','第二')
  console.log('set賦值',newArrInfo)  //  {'first' => '第一', 'two' => '第二'}
  // get
  // 該方法返回key對應的value，如果不存在，則返回undefined。
  let getArrInfo = newArrInfo.get('first')
  console.log('get獲取值',getArrInfo)   // 第一
  // has 
  // 方法用于檢查Map是否有指定key對應的value?！　?  console.log(newArrInfo.has('justin'))  // false
  // clear
  該方法用于清空指定map對象中的所有內(nèi)容
  console.log(newArrInfo.size)
  newArrInfo.clear()
  console.log(newArrInfo.size)
  // delete 
  該方法用于刪除map中指定key對應的一組key-value元素　
  console.log(newArrInfo.delete('first'))
  console.log(newArrInfo)
  // Map 遍歷方式對比
  let newCity = new Map();
  newCity.set('shanghai','上海')
  newCity.set('beijing','北京')
  newCity.set('guangzhou','廣州')
  console.log(newCity)
  // 使用keys()方法
  console.log(newCity.keys())
  // 遍歷 key
  for(let key of newCity.keys()){
    console.log(key)
  }
  // values() 同key 使用方法一樣
  console.log(newCity.entries()) // {'shanghai' => '上海', 'beijing' => '北京', 'guangzhou' => '廣州'}
  for( let [key,value] of newCity.entries()){
    console.log(key,value)  // shanghai 上海 beijing 北京 guangzhou 廣州
  }

$\color{#FF8C00}{\rm\large{filter()}}$

功能: $\color{#ADD8E6}{\rm\small{ES5}}$ filter的回調(diào)函數(shù)需要返回布爾值，當為true時，將本次數(shù)組的數(shù)據(jù)返回給filter，最后filter將所有回調(diào)函數(shù)的返回值組成新數(shù)組返回（此功能可理解為“過濾”）。
$\color{#FF4500}{\rm\small{參數(shù):}}$ filter(callback);callback默認有三個參數(shù)，分別為value，index，self。
是否會改變原數(shù)組： $\color{#ADD8E6}{\rm\small{不會}}$

 //功能1：同forEach
 var arr = ["Tom","Jack","Lucy","Lily","May"];
 var a = arr.filter(function(value,index,self){
     console.log(value + "--" + index + "--" + (arr === self))
 })
 // 打印結(jié)果為：
 // Tom--0--true
 // Jack--1--true
 // Lucy--2--true
 // Lily--3--true
 // May--4--true

 //功能2：當回調(diào)函數(shù)的返回值為true時，本次的數(shù)組值返回給filter，被filter組成新數(shù)組返回
 var arr = ["Tom","Jack","Lucy","Lily","May"];
 var a = arr.filter(function(value,index,self){
     return value.length > 3;
 })
 console.log(a);         //["Jack", "Lucy", "Lily"]
 console.log(arr);       //["Tom", "Jack", "Lucy", "Lily", "May"]---原數(shù)組未改變

$\color{#FF8C00}{\rm\large{every()}}$

功能: $\color{#ADD8E6}{\rm\small{ES5}}$ 判斷數(shù)組中每一項是否都滿足條件，只有所有項都滿足條件，才會返回true。
$\color{#FF4500}{\rm\small{參數(shù):}}$ every()接收一個回調(diào)函數(shù)作為參數(shù)，這個回調(diào)函數(shù)需要有返回值，every(callback);callback默認有三個參數(shù)，分別為value，index，self。
是否會改變原數(shù)組： $\color{#ADD8E6}{\rm\small{不會}}$
$\color{#40E0D0}{\rm\small{特點:}}$ 當回調(diào)函數(shù)的返回值為true時，類似于forEach的功能，遍歷所有；如果為false，那么停止執(zhí)行，后面的數(shù)據(jù)不再遍歷，停在第一個返回false的位置。

//demo1:
var arr = ["Tom","abc","Jack","Lucy","Lily","May"];
var a = arr.every(function(value,index,self){
    console.log(value + "--" + index + "--" + (arr == self))
})
// 打印結(jié)果為：
// Tom--0--true
//因為回調(diào)函數(shù)中沒有return true，默認返回undefined，等同于返回false

//demo2:
var arr = ["Tom","abc","Jack","Lucy","Lily","May"];
var a = arr.every(function(value,index,self){
    console.log(value + "--" + index + "--" + (arr == self))
    return value.length < 4;
})
// 打印結(jié)果為：
// Tom--0--true
// abc--1--true
// Jack--2--true
//因為當遍歷到Jack時，回調(diào)函數(shù)到return返回false，此時Jack已經(jīng)遍歷，但是后面數(shù)據(jù)就不再被遍歷了

//demo3:
var arr = ["Tom","abc","Jack","Lucy","Lily","May"];
var a = arr.every(function(value,index,self){
    console.log(value + "--" + index + "--" + (arr == self))
    return true;
})
// 打印結(jié)果為：
// Tom--0--true
// abc--1--true
// Jack--2--true
// Lucy--3--true
// Lily--4--true
// May--5--true
//因為每個回調(diào)函數(shù)的返回值都是true，那么會遍歷數(shù)組所有數(shù)據(jù)，等同于forEach功能

$\color{#FF8C00}{\rm\large{some()}}$

功能: $\color{#ADD8E6}{\rm\small{ES5}}$ 判斷數(shù)組中是否存在滿足條件的項，只要有一項滿足條件，就會返回true。
$\color{#FF4500}{\rm\small{參數(shù):}}$ some()接收一個回調(diào)函數(shù)作為參數(shù)，這個回調(diào)函數(shù)需要有返回值，some(callback);callback默認有三個參數(shù)，分別為value，index，self。
是否會改變原數(shù)組： $\color{#ADD8E6}{\rm\small{不會}}$
$\color{#40E0D0}{\rm\small{特點:}}$ 因為要判斷數(shù)組中的每一項，只要有一個回調(diào)函數(shù)返回true，some都會返回true，所以與every正好相反，當遇到一個回調(diào)函數(shù)的返回值為true時，可以確定結(jié)果，那么停止執(zhí)行，后面都數(shù)據(jù)不再遍歷，停在第一個返回true的位置；當回調(diào)函數(shù)的返回值為false時，需要繼續(xù)向后執(zhí)行，到最后才能確定結(jié)果，所以會遍歷所有數(shù)據(jù)，實現(xiàn)類似于forEach的功能，遍歷所有。

 //demo1:
   var arr = ["Tom","abc","Jack","Lucy","Lily","May"];
   var a = arr.some(function(value,index,self){
       console.log(value + "--" + index + "--" + (arr == self))
       return value.length > 3;
   })
   // 打印結(jié)果為：
   // Tom--0--true
   // abc--1--true
   // Jack--2--true

$\color{#FF8C00}{\rm\large{Array.from()}}$

功能: 將偽數(shù)組變成數(shù)組，就是只要有l(wèi)ength的就可以轉(zhuǎn)成數(shù)組。
是否會改變原數(shù)組： $\color{#ADD8E6}{\rm\small{不會}}$

 let str = '12345'
 console.log(Array.from(str))    // ["1", "2", "3", "4", "5"]
 let obj = {0:'a',1:'b',length:2}
 console.log(Array.from(obj))   // ["a", "b"]
 let aa= {0:'a',1:'b'}
 console.log(Array.from(aa))   // []

$\color{#FF8C00}{\rm\large{Array.of()}}$

功能: 將一組值轉(zhuǎn)換成數(shù)組，類似于聲明數(shù)組
是否會改變原數(shù)組： $\color{#ADD8E6}{\rm\small{不會}}$

 let str = '11'
 console.log(Array.of(str))   // ['11']
 // 等價于
 console.log(new Array('11'))  // ['11]

$\color{#FF8C00}{\rm\large{arr.find(callback)}}$

功能: 找到第一個符合條件的數(shù)組成員
是否會改變原數(shù)組： $\color{#ADD8E6}{\rm\small{不會}}$

let arr = [1,2,3,4,5,2,4]
let arr1 = arr.find((value, index, array) =>value > 2)
console.log(arr1)   // 3 表示的是 值

$\color{#FF8C00}{\rm\large{arr.findIndex(callback)}}$

功能: 找到第一個符合條件的數(shù)組成員的索引值
是否會改變原數(shù)組： $\color{#ADD8E6}{\rm\small{不會}}$

let arr = [1,2,3,4,5]
let arr1 = arr.findIndex((value, index, array) => value > 3)
console.log(arr1)  // 3

$\color{#FF8C00}{\rm\large{arr.includes()}}$

功能: 判斷數(shù)中是否包含給定的值
是否會改變原數(shù)組： $\color{#ADD8E6}{\rm\small{不會}}$

 let arr = [1,2,3,4,5]
 let arr1 = arr.includes(2)  
 console.log(arr1)   // ture
 let arr2 = arr.includes(9) 
 console.log(arr2)    // false
 let arr3 = [1,2,3,NaN].includes(NaN)
 console.log(arr3)  // true

$\color{#ADD8E6}{\rm\small{與IndexOf()區(qū)別}}$ :
indexOf()返回的是數(shù)值，而includes()返回的是布爾值
indexOf() 不能判斷NaN，返回為-1 ，includes()則可以判斷、

$\color{#FF8C00}{\rm\large{reduce}}$

功能: 迭代數(shù)組的所有項，累加器，數(shù)組中的每個值（從左到右）合并，最終計算為一個值
上代碼

 //數(shù)組求和
 var arr = [{money:12},{money:22},{money:32},{money:42},{money:52}]
 var sum = arr.reduce(function(total,currentValue){
   return total+currentValue.money
 },0)
 console.log(sum)
 // 合并二維數(shù)組
 var info = [['mu','zi'],['dig','pig'],['luck','infos'],['justin','bieber']]
 var newInfo = info.reduce(function(total,currentValue){
   return total.concat(currentValue) 
 })
 console.log(newInfo) // ['mu', 'zi', 'dig', 'pig', 'luck', 'infos', 'justin', 'bieber']
 // 統(tǒng)計一個數(shù)組中有多少哥不重復的單詞
 
 // 不用reduce時： 
 var arr = ["apple","orange","apple","orange","pear","orange"]; 
 function getWordCnt(){ 
   var obj = {}; 
   for(var i= 0, l = arr.length; i< l; i++){ 
     var item = arr[i]; 
     obj[item] = (obj[item] +1 ) || 1; 
   } 
   return obj; 
 }
 console.log(getWordCnt());//{apple: 2, orange: 3, pear: 1}
 // 用reduce時： 
 var arr = ["apple","orange","apple","orange","pear","orange"]; 
 function getWordCnt(){ 
   return arr.reduce(function(prev,next){ 
     prev[next] = (prev[next] + 1) || 1; 
     return prev; 
   },{}); 
 } 
 console.log(getWordCnt());//{apple: 2, orange: 3, pear: 1}

色偷偷精品伊人,欧洲久久精品,欧美综合婷婷骚逼,国产AV主播,国产最新探花在线,九色在线视频一区,伊人大交九欧美,1769亚洲,黄色成人av

數(shù)組方法大全

數(shù)組方法大全

JavaScript 數(shù)組方法大全

會改變原數(shù)組的方法: unshift(); push(); shift(); pop(); sort(); reverse(); splice(); copyWithin(); fill();

$\color{#FF8C00}{\rm\large{concat()}}$

$\color{#FF8C00}{\rm\large{join()}}$

$\color{#FF8C00}{\rm\large{pop()}}$

$\color{#FF8C00}{\rm\large{shift()}}$

$\color{#FF8C00}{\rm\large{unshift()}}$

$\color{#FF8C00}{\rm\large{push()}}$

$\color{#FF8C00}{\rm\large{reverse()}}$

$\color{#FF8C00}{\rm\large{sort()}}$

$\color{#FF8C00}{\rm\large{slice()}}$

$\color{#FF8C00}{\rm\large{splice()}}$

$\color{#FF8C00}{\rm\large{toString()}}$

$\color{#FF8C00}{\rm\large{valueOf()}}$

$\color{#FF8C00}{\rm\large{IndexOf()}}$

$\color{#FF8C00}{\rm\large{lastIndexOf()}}$

$\color{#FF8C00}{\rm\large{forEach()}}$

$\color{#FF8C00}{\rm\large{map()}}$

$\color{#FF8C00}{\rm\large{filter()}}$

$\color{#FF8C00}{\rm\large{every()}}$

$\color{#FF8C00}{\rm\large{some()}}$

$\color{#FF8C00}{\rm\large{Array.from()}}$

$\color{#FF8C00}{\rm\large{Array.of()}}$

$\color{#FF8C00}{\rm\large{arr.find(callback)}}$

$\color{#FF8C00}{\rm\large{arr.findIndex(callback)}}$

$\color{#FF8C00}{\rm\large{arr.includes()}}$

$\color{#FF8C00}{\rm\large{reduce}}$

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容

色偷偷精品伊人,欧洲久久精品,欧美综合婷婷骚逼,国产AV主播,国产最新探花在线,九色在线视频一区,伊人大交九 欧美,1769亚洲,黄色成人av

數(shù)組方法大全

JavaScript 數(shù)組方法大全

會改變原數(shù)組的方法: unshift(); push(); shift(); pop(); sort(); reverse(); splice(); copyWithin(); fill();

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容

色偷偷精品伊人,欧洲久久精品,欧美综合婷婷骚逼,国产AV主播,国产最新探花在线,九色在线视频一区,伊人大交九欧美,1769亚洲,黄色成人av