最近面試有問道數(shù)組相關(guān)的問題，我突然想到之前我投稿的js30中有兩集是關(guān)于數(shù)組的內(nèi)容柒傻，我覺得這兩集非常有練習(xí)的價(jià)值孝赫，所以寫下本文來記錄。
數(shù)組第一集中是關(guān)于以下數(shù)組的處理红符，一堆關(guān)于發(fā)明家和人名的信息：
const inventors = [
{ first: 'Albert', last: 'Einstein', year: 1879, passed: 1955 },
{ first: 'Isaac', last: 'Newton', year: 1643, passed: 1727 },
{ first: 'Galileo', last: 'Galilei', year: 1564, passed: 1642 },
{ first: 'Marie', last: 'Curie', year: 1867, passed: 1934 },
{ first: 'Johannes', last: 'Kepler', year: 1571, passed: 1630 },
{ first: 'Nicolaus', last: 'Copernicus', year: 1473, passed: 1543 },
{ first: 'Max', last: 'Planck', year: 1858, passed: 1947 },
{ first: 'Katherine', last: 'Blodgett', year: 1898, passed: 1979 },
{ first: 'Ada', last: 'Lovelace', year: 1815, passed: 1852 },
{ first: 'Sarah E.', last: 'Goode', year: 1855, passed: 1905 },
{ first: 'Lise', last: 'Meitner', year: 1878, passed: 1968 },
{ first: 'Hanna', last: 'Hammarstr?m', year: 1829, passed: 1909 }
];
const people = ['Beck, Glenn', 'Becker, Carl', 'Beckett, Samuel', 'Beddoes, Mick', 'Beecher, Henry',
'Beethoven, Ludwig', 'Begin, Menachem', 'Belloc, Hilaire', 'Bellow, Saul', 'Benchley, Robert',
'Benenson, Peter', 'Ben-Gurion, David', 'Benjamin, Walter', 'Benn, Tony', 'Bennington, Chester',
'Benson, Leana', 'Bent, Silas', 'Bentsen, Lloyd', 'Berger, Ric', 'Bergman, Ingmar', 'Berio, Luciano',
'Berle, Milton', 'Berlin, Irving', 'Berne, Eric', 'Bernhard, Sandra', 'Berra, Yogi', 'Berry, Halle',
'Berry, Wendell', 'Bethea, Erin', 'Bevan, Aneurin', 'Bevel, Ken', 'Biden, Joseph', 'Bierce, Ambrose',
'Biko, Steve', 'Billings, Josh', 'Biondo, Frank', 'Birrell, Augustine', 'Black, Elk', 'Blair, Robert',
'Blair, Tony', 'Blake, William'
];
一共有八題青柄。
Array.prototype.filter()
1.Filter the list of inventors for those who were born in the 1500's
（過濾出 inventors數(shù)組中15世紀(jì)出生的人）
要求：使用filter()方法過濾
分析：判斷條件為year大于等于1500且year小于1600
filter()用法：filter()跟據(jù)return值為true或false，可以返回一個(gè)符合過濾條件的數(shù)組预侯，常用于對數(shù)據(jù)的篩選
const arr = inventors.filter(item => item.year >= 1500 && item.year < 1600)
console.table(arr);
Array.prototype.map()
2. Give us an array of the inventors first and last names
（給我們一個(gè)關(guān)于發(fā)明家姓和名組成的數(shù)組）
要求：使用map()方法處理
分析：篩選出姓和名的部分返回一個(gè)數(shù)組
map()用法： map()可以通過return對數(shù)組的內(nèi)容進(jìn)行處理致开，返回一個(gè)由處理后的數(shù)據(jù)組成的數(shù)組
const fullNames = inventors.map(inventor => `${inventor.first} ${inventor.last}`);
console.log(fullNames);
map與forEach的區(qū)別
對于map()，不得不提它與forEach的區(qū)別萎馅。
map()會返回一個(gè)新數(shù)組
forEach沒有返回值（undefined）双戳，單純的對遍歷的每一項(xiàng)進(jìn)行處理，如果是用forEach來回答第二題糜芳，代碼如下
let arr = [] // 創(chuàng)建新數(shù)組
inventors.forEach(item => {
arr.push(item.first + ' ' + item.last) // 推送到新數(shù)組
});
console.log(arr);
Array.prototype.sort()
3. Sort the inventors by birthdate, oldest to youngest
（根據(jù)出生日期排序飒货，由年長到年輕）
要求：使用sort()方法過濾
分析：根據(jù)出生日期year可以通過sort()方法可以直接排序，由小排到大（年長的出生早）
sort()用法：sort(compareFunction())跟據(jù)compareFunction()的return值為大于0峭竣、等于0塘辅、小于0進(jìn)行數(shù)據(jù)的排序
如果
compareFunction(a, b)小于 0 ，那么 a 會被排列到 b 之前皆撩；如果
compareFunction(a, b)等于 0 扣墩， a 和 b 的相對位置不變。備注： ECMAScript 標(biāo)準(zhǔn)并不保證這一行為扛吞，而且也不是所有瀏覽器都會遵守（例如 Mozilla 在 2003 年之前的版本）呻惕；如果
compareFunction(a, b)大于 0 ， b 會被排列到 a 之前滥比。
const arr = inventors.sort((a, b) => a.year - b.year)
console.table(arr);
Array.prototype.reduce()
4. How many years did all the inventors live all together?
（所有的發(fā)明家一起活了多少年）
要求：使用reduce()方法進(jìn)行累加和
分析：計(jì)算出每個(gè)發(fā)明家的壽命然后累加
reduce()用法：
let value = arr.reduce(function(accumulator, item, index, array) {
// ...
}, [initial]);
-
accumulator—— 是上一個(gè)函數(shù)調(diào)用的結(jié)果蟆融，第一次等于initial（如果提供了initial的話）。 -
item—— 當(dāng)前的數(shù)組元素守呜。 -
index—— 當(dāng)前索引型酥。 -
arr—— 數(shù)組本身。 -
initial——初始值
const sum = inventors.reduce((sumNum,current)=>{
return sumNum + current.passed - current.year
},0)
console.log(sum)
Sort練習(xí)1
5. Sort the inventors by years lived
（根據(jù)年齡給發(fā)明家排序）
const arr = inventors.sort((a, b) => (a.passed - a.year) - (b.passed - b.year))
console.table(arr);
頁面篩選
6. create a list of Boulevards in Paris that contain 'de' anywhere in the name
（創(chuàng)建一份巴黎林蔭大道的列表查乒，在名字中包含“de”）
https://en.wikipedia.org/wiki/Category:Boulevards_in_Paris
這個(gè)練習(xí)需要打開網(wǎng)頁進(jìn)行信息的獲取
let arr = []
document.querySelectorAll('.mw-category-group li a').forEach((a) => {
ary.push(a.title)
})
let ans = ary.filter(title=>title.indexOf('de') !== -1)
Sort練習(xí)2
7. Sort the people alphabetically by last name
（按姓氏的字母給人排序）
分析：需要先將人名切分為兩部分弥喉，然后根據(jù)last name來排序
let arr = people.sort((a, b) => {
let [aFirst, aLast] = a.split(", ")
let [bFirst, bLast] = b.split(", ")
return aLast > bLast ? 1 : bLast > aLast ? -1 : 0
})
console.table(arr);
Reduce練習(xí)
8.Sum up the instances of each of these
（記錄每一個(gè)出現(xiàn)幾次）
const data = ['car', 'car', 'truck', 'truck', 'bike', 'walk', 'car', 'van', 'bike', 'walk', 'car', 'van', 'car', 'truck'
];
分析： 使用reduce()創(chuàng)建一個(gè)新的對象，值為記錄出現(xiàn)的次數(shù)
const transportation = data.reduce(function(obj, item) {
if (!obj[item]) {
obj[item] = 0;
}
obj[item]++;
return obj;
}, {});
console.log(transportation);
