13个有用的JavaScript 阵列 小条目 (part1)

根据这篇 https://dev.to/duomly/13-useful-javascript-array-tips-and-tricks-you-should-know-2jfo

所做记录

1.从阵列中删除重複

var fruits = ['banana', 'apple', 'orange', 'watermelon', 'apple', 'orange', 'grape', 'apple'];var uniqueFruits =Array.from(new Set(fruits));console.log(uniqueFruits);var uniqueFruits2 = [...new Set(fruits)];

2.不用 map（） 的阵列

var friends = [    { name: 'John', age: 22 },    { name: 'Peter'’, age: 23 },    { name: 'Mark', age: 24 },    { name: 'Maria', age: 22 },    { name: '‘Monica', age: 21 },    { name: 'Martha', age: 19 },]var NewFriends = Array.from(friends, ({name})=> name)console.log(NewFriends);// returns [“John”, “Peter”, “Mark”, “Maria”, “Monica”, “Martha”]

3.清空 阵列

var fruits = ['banana', 'apple', 'orange', 'watermelon', 'apple', 'orange', 'grape', 'apple'];fruits.length = 0;console.log(fruits); // returns []

5.将阵列转换为物件

var fruits = ['banana', 'apple', 'orange', 'watermelon', 'apple', 'orange', 'grape', 'apple'];var obj ={...fruits};console.log(obj);

6.快速阵列填充

var newArray = new Array(10).fill('1');console.log(newArray);return  ["1", "1", "1", "1", "1", "1", "1", "1", "1", "1"]

7.合併阵列

var fruits = ['apple', 'banana', 'orange'];var meat = ['poultry', 'beef', 'fish'];var vegetables = ['potato', 'tomato', 'cucumber'];var food = [...fruits, ...meat, ...vegetables];console.log(food);// [“apple”, “banana”, “orange”, “poultry”, “beef”, “fish”, “potato”, “tomato”, “cucumber”]

8.找出两个阵列交集之处

使用 filter() 和 includes() 方法

var numOne = [0, 2, 4, 6, 8, 8];var numTwo = [1, 2, 3, 4, 5, 6];var newSet = [...new Set(numOne)].filter(item => numTwo.includes(item));console.log(newSet);

9.随机产生数组

var colors = ['blue', 'white', 'green', 'navy', 'pink', 'purple', 'orange', 'yellow', 'black', 'brown'];var randomColor = colors[(Math.floor(Math.random() * (colors.length)))];console.log(randomColor);

13.数值求和

var nums = [1, 5, 2, 6];var sum = nums.reduce((x, y) => x + y);console.log(sum); // returns 14