不會(huì)改變原數(shù)組的方法：
- map
- reduce
- filter
- apply
會(huì)改變原數(shù)組值的方法
- sort
- reverse
map方法，對數(shù)組的每一項(xiàng)進(jìn)行操作，傳入回調(diào)函數(shù)
reduce方法，相當(dāng)于一個(gè)累計(jì)器傳入回調(diào)函數(shù)
filter 方法用來迭代一個(gè)數(shù)組，并且按給出的條件過濾出符合的元素。
filter 方法傳入一個(gè)回調(diào)函數(shù)，這個(gè)回調(diào)函數(shù)會(huì)攜帶一個(gè)參數(shù)，參數(shù)為當(dāng)前迭代的項(xiàng)（我們叫它 val ）
回調(diào)函數(shù)返回 true 的項(xiàng)會(huì)保留在數(shù)組中，返回 false 的項(xiàng)會(huì)被過濾出數(shù)組。
使用 filter 來創(chuàng)建一個(gè)新數(shù)組，新數(shù)組的值是 oldArray 中值小于6的元素。不許改變原數(shù)組 oldArray 。
var oldArray = [1,2,3,4,5,6,7,8,9,10];
// 只能在這一行下面寫代碼
var newArray = oldArray.filter(function(val){
return val < 6;
});
sort 方法,sort 方法將改變原數(shù)組，返回被排序后的數(shù)組。
sort 可以把比較函數(shù)作為參數(shù)傳入,比較函數(shù)有返回值，
如果沒有傳入比較函數(shù)，它將把值全部轉(zhuǎn)成字符串，并按照字母順序進(jìn)行排序
使用比較函數(shù)的原理（摘自Adobe說明）：
此方法使用語法和參數(shù)順序 Array.sort(compareFunction, sortOptions)，其參數(shù)定義如下：
compareFunction - 一個(gè)用來確定數(shù)組元素排序順序的比較函數(shù)。此參數(shù)是可選的。比較函數(shù)應(yīng)該用兩個(gè)參數(shù)進(jìn)行比較。給定元素 A 和 B，compareFunction 的結(jié)果可以具有負(fù)值、0 或正值：
若返回值為負(fù)，則表示 A 在排序后的序列中出現(xiàn)在 B 之前。
若返回值為 0，則表示 A 和 B 具有相同的排序順序。
若返回值為正，則表示 A 在排序后的序列中出現(xiàn)在 B 之后。
下面的例子將展示 sort 的使用，傳入的比較函數(shù)把元素按照從小到大的順序進(jìn)行排列
var array = [1, 12, 21, 2];
array.sort(function(a, b) {
return a - b;
});
reverse 方法來翻轉(zhuǎn)數(shù)組。
var myArray = [1, 2, 3];
myArray.reverse();
// [3, 2, 1];
concat 方法可以用來把兩個(gè)數(shù)組的內(nèi)容合并到一個(gè)數(shù)組中。
concat 方法的參數(shù)應(yīng)該是一個(gè)數(shù)組。參數(shù)中的數(shù)組會(huì)拼接在原數(shù)組的后面，并作為一個(gè)新數(shù)組返回。
使用 .concat() 將 concatMe 拼接到 oldArray 后面，并且賦值給 newArray。
var oldArray = [1,2,3];
var newArray = [];
var concatMe = [4,5,6];
// 只能在這一行下面寫代碼
newArray = oldArray.concat(concatMe);
將二維數(shù)組轉(zhuǎn)化為一維數(shù)組的方式apply
const arr1 = [[1,2,3],[4,5,6]]
// type 1
this.applys = [].concat(...arr1)
console.log(this.applys, 'applys')
// type 2
this.applys = [].concat.apply(...arr1)
// type 3
this.applys = [].concat.apply([], arr1)
//最終結(jié)果都是： [1, 2, 3, 4, 5, 6, __ob__: Observer]
split 方法按指定分隔符將字符串分割為數(shù)組。
- 你要給 split 方法傳遞一個(gè)參數(shù)，這個(gè)參數(shù)將會(huì)作為一個(gè)分隔符
**使用空格（ " " ）來分割字符串。
**
var string = "Split me into an array";
var array = [];
// 只能在這一行下面寫代碼
array = string.split(" ");
join 使用 join 方法來把數(shù)組轉(zhuǎn)換成字符串，
- 里面的每一個(gè)元素可以用你指定的連接符來連接起來，這個(gè)連接符就是你要傳入的參數(shù)。
使用 join 方法，連接符為' '把數(shù)組 joinMe 轉(zhuǎn)化成字符串 joinedString.
var joinMe = ["Split","me","into","an","array"];
var joinedString = '';
// 只能在這一行下面寫代碼
joinedString = joinMe.join(" ");
字符串
翻轉(zhuǎn)字符串
先把字符串轉(zhuǎn)化成數(shù)組，再借助數(shù)組的reverse方法翻轉(zhuǎn)數(shù)組順序，最后把數(shù)組轉(zhuǎn)化成字符串。
/*reverseString("hello") 應(yīng)該返回一個(gè)字符串
reverseString("hello") 應(yīng)該返回 "olleh".
reverseString("Howdy") 應(yīng)該返回 "ydwoH".
reverseString("Greetings from Earth") 應(yīng)該返回 "htraE morf sgniteerG".*/
function reverseString(str) {
// 請把你的代碼寫在這里
return str;
}
reverseString("hello");
function reverseString(str) {
return str.split("").reverse().join("");
}
reverseString("hello");
reverseString("Howdy");
reverseString("Greetings from Earth");
計(jì)算一個(gè)整數(shù)的階乘
階乘通常簡寫成 n!
例如: 5! = 1 * 2 * 3 * 4 * 5 = 120
/* factorialize(5) 應(yīng)該返回一個(gè)數(shù)字
factorialize(5) 應(yīng)該返回 120.
factorialize(10) 應(yīng)該返回 3628800.
factorialize(20) 應(yīng)該返回 2432902008176640000.
factorialize(0) 應(yīng)該返回 1.*/
function factorialize(num) {
// 請把你的代碼寫在這里
if (num === 0) {
return 1;
} else {
return num*factorialize(num-1);
}
}
factorialize(5);
factorialize(10);
factorialize(20);
factorialize(0);
replace() 方法返回一個(gè)由替換值替換一些或所有匹配的模式后的新字符串。模式可以是一個(gè)字符串或者一個(gè)正則表達(dá)式, 替換值可以是一個(gè)字符串或者一個(gè)每次匹配都要調(diào)用的函數(shù)。
- 原字符串不會(huì)改變
- str.replace(regexp|substr, newSubStr|function)
regexp
(pattern)
一個(gè)[RegExp
](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/RegExp) 對象或者其字面量。該正則所匹配的內(nèi)容會(huì)被第二個(gè)參數(shù)的返回值替換掉。
substr
(pattern)
一個(gè)要被 newSubStr
替換的
[字符串
](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/String)。其被視為一整個(gè)字符串，而不是一個(gè)正則表達(dá)式。僅僅是第一個(gè)匹配會(huì)被替換。
newSubStr
(replacement)
用于替換掉第一個(gè)參數(shù)在原字符串中的匹配部分的[字符串
](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/String)。該字符串中可以內(nèi)插一些特殊的變量名。參考下面的[使用字符串作為參數(shù)](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String/replace#使用字符串作為參數(shù))。
function
(replacement)
一個(gè)用來創(chuàng)建新子字符串的函數(shù)，該函數(shù)的返回值將替換掉第一個(gè)參數(shù)匹配到的結(jié)果。參考下面的[指定一個(gè)函數(shù)作為參數(shù)](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String/replace#指定一個(gè)函數(shù)作為參數(shù))。
toLowerCase() 會(huì)將調(diào)用該方法的字符串值轉(zhuǎn)為小寫形式，并返回。
Array.from()
Array.from方法用于將兩類對象轉(zhuǎn)為真正的數(shù)組：類似數(shù)組的對象（array-like object）和可遍歷（iterable）的對象
let arrayLike = {
'0': 'a',
'1': 'b',
'2': 'c',
length: 3
};
// ES5的寫法
var arr1 = [].slice.call(arrayLike); // ['a', 'b', 'c']
// ES6的寫法
let arr2 = Array.from(arrayLike); // ['a', 'b', 'c']
// 字符串也可以轉(zhuǎn)換
Array.from('hello')
// ['h', 'e', 'l', 'l', 'o']
Array.from還可以接受第二個(gè)參數(shù)，作用類似于數(shù)組的map方法，用來對每個(gè)元素進(jìn)行處理，將處理后的值放入返回的數(shù)組。
Array.from(arrayLike, x => x * x);
// 等同于
Array.from(arrayLike).map(x => x * x);
Array.from([1, 2, 3], (x) => x * x)
// [1, 4, 9]
Array.of()
Array.of方法用于將一組值，轉(zhuǎn)換為數(shù)組。
Array.of(3, 11, 8) // [3,11,8]
Array.of(3) // [3]
Array.of(3).length // 1
數(shù)組實(shí)例的 find() 和 findIndex()
數(shù)組實(shí)例的find方法，用于找出第一個(gè)符合條件的數(shù)組成員。它的參數(shù)是一個(gè)回調(diào)函數(shù)，所有數(shù)組成員依次執(zhí)行該回調(diào)函數(shù)，直到找出第一個(gè)返回值為true的成員，然后返回該成員。如果沒有符合條件的成員，則返回undefined。
[1, 4, -5, 10].find((n) => n < 0)
// -5
上面代碼中，find方法的回調(diào)函數(shù)可以接受三個(gè)參數(shù)，依次為當(dāng)前的值、當(dāng)前的位置和原數(shù)組。
數(shù)組實(shí)例的findIndex方法的用法與find方法非常類似，返回第一個(gè)符合條件的數(shù)組成員的位置，如果所有成員都不符合條件，則返回-1。
[1, 5, 10, 15].findIndex(function(value, index, arr) {
return value > 9;
}) // 2
數(shù)組實(shí)例的fill()
fill方法使用給定值，填充一個(gè)數(shù)組。
new Array(3).fill(7)
// [7, 7, 7]
['a', 'b', 'c'].fill(7)
// [7, 7, 7]
fill方法還可以接受第二個(gè)和第三個(gè)參數(shù)，用于指定填充的起始位置和結(jié)束位置。
['a', 'b', 'c'].fill(7, 1, 2)
// ['a', 7, 'c']
