解决常见问题的 JavaScript 代码片段

嘿，程序员们！
JavaScript 是 Web 开发中广泛使用的语言之一。围绕 JS，一个广泛而充满活力的生态系统已经发展起来，提供了大量的框架和库，帮助您更快地开发应用程序。与此同时，它也使我们的编码体验变得有些复杂。有时，退一步思考，尝试理解如何在没有库的情况下完成工作是件好事。在本文中，我们将介绍一些 JS 代码片段，它们将为每天遇到的那些重复的简单任务提供一些帮助。

1. 对数组进行排序

//strings
const names = ["Seema", "Rekha", "Jaya"];
names.sort();
//['Jaya', 'Rekha', 'Seema' ]

//Numbers
const numbers = [101, 8, 87];
numbers.sort((a, b) => {
  return a - b;
});
//[ 8, 87, 101 ]

2. 选择一个随机元素

const items = ["Ball", "Bat", "Cup"]
const randomIndex = Math.floor(Math.random()*items.length)
items[randomIndex]

3. 反转字符串

function reverseString(string) {
       return string.split(" ").reverse().join(" ")
}

revereseString("Random String")

4. 检查元素是否有类

const element = document.querySelector("#element")
element.classList.contains("active")

5. 字符串插值

const name = "Jaya"
console.log(`Hi, ${name}. You have ${2 ** 3} new notifications.`}
//Hi, Jaya. You have 8 new notifications.

6. 循环遍历数组

const cars = ["Ford", "BMW", "Audi" ]
for (let car of cars) {
      console.log(car)
}

/*
Ford
BMW
Audi
*/

7. 获取当前时间

const date = new Date()
const currentTime = 
   `${date.getHours()}:${date.getMintues()}:${date.getSeconds()}`

console.log(currentTimes)
//example output: "22:16:41"

8. 替换部分字符串

const string = "You are awesome."
const replacedString = string.replace("You", "We")

console.log(replacedString) //Output: "We are awesome"

9. 析构变量赋值

let profile = ['bob', 34, 'carpenter'];
let [name, age, job] = profile;
console.log(name);
// bob

10. 使用扩展运算符

let data = [1,2,3,4,5];
console.log(...data);
//  1 2 3 4 5
let data2 = [6,7,8,9,10];
let combined = [...data, ...data2];
console.log(...combined);
// 1 2 3 4 5 6 7 8 9 10
console.log(Math.max(...combined));
// 10

11. 返回数组中的最大元素数量

const maxElement = ( array, number = 1 ) => [...array].sort(( x,y ) => y - x).slice(0, number);

//Example 
maxElement ([ 1,2,3,4,5]);  // [5]
maxElement([ 6, 7, 8, 9 , 10, 10] , 2);   // [10,10]

文章来源：https://dev.to/codewithtee/useful-javascript-code-snippets-for-common-problems-2lpc