分享 12 个解决日常工作问题的JS 代码片段

// 1. Destructive Assignmentconst data = ["Paul", "too old", "Software Engineer"]const [name, age, job_title] = data
console.log(name, age, job_title) // Paul too old Software Engineer

// 2. Find an object in Arrayconst employess = [    {name: "Paul", job_title: "Software Engineer"},    {name: "Peter", job_title: "Web Developer"},    {name: "Harald", job_title: "Screen Designer"},]let sen = employess.find(data => data.job_title === "Software Engineer")
console.log(sen) // { name: 'Paul', job_title: 'Software Engineer' }

// 3. Reverse a Stringconst reverse = (input) => {    return input.split("").reverse().join("");}
console.log(reverse("Paul Knulst")) // tslunK luaPconsole.log(reverse("Medium is awesome")) // emosewa si muideM

// 4. Placeholder in Stringslet placeholder1 = "Engineer";let placeholder2 = "Developer";
console.log(`I'm a Software ${placeholder1}`); // I'm a Software Engineerconsole.log(`I'm a Software ${placeholder2}`); // I'm a Software Developer

// 5. One-Line if-else Statement
// normalif (13 > 37) {    console.log(true);} else {    console.log(false)}// One liner13 > 37 ? console.log(true) : console.log(false)

// 6. Get Rid of Duplicatesfunction removeDuplicates(array) {    return [...new Set(array)];}
const uniqueStr = removeDuplicates(["Paul", "John", "Harald", "Paul", "John"])const uniqueNr = removeDuplicates([1, 1, 2, 2, 3, 3, 4, 5, 6, 7, 7, 7, 9])console.log(uniqueStr) // [ 'Paul', 'John', 'Harald' ]console.log(uniqueNr) // [1, 2, 3, 4, 5, 6, 7, 9]

// 7. Split String to Arrayconst randomString = "Software"const newArray = [...randomString]
console.log(newArray) // ['S', 'o', 'f', 't', 'w', 'a', 'r', 'e']

// 8. Capture Right Click// only usable in HTML/JSwindow.oncontextmenu = () => {console.log("Right Click is Pressed!")}

// 9. Looping through Keys and Valuesconst programming_languages = {JavaScript: 1, Kotlin: 2, Python: 3};Object.keys(programming_languages).forEach((key) => {    console.log(key);});// JavaScript// Kotlin// PythonObject.values(programming_languages).forEach((key) => {    console.log(key);});// 1// 2// 3

// 10. Smart Data Filterationconst jobs = ["Frontend Developer", "Backend Developer", "Data Scientist", "Teacher"]const filtered_jobs1 = jobs.filter(data => data.length < 10)const filtered_jobs2 = jobs.filter(data => data.includes("Developer"))
console.log(filtered_jobs1) // [ 'Teacher' ]console.log(filtered_jobs2) // [ 'Frontend Developer', 'Backend Developer' ]

// 11. Nullish coalescing operatorconst foo = null ?? 'default string';const baz =  ?? 42;
console.log(foo); // default stringconsole.log(baz); // 0

// 12. Error Handlingfunction getRectArea(width, height) {    if (isNaN(width) || isNaN(height)) {        throw 'Parameter is not a number!';    }}
try {    getRectArea(3, "A")} catch (err) {    console.log(`There was an error: ${err}`)} finally {    console.log("This code block is executed regardless of try/catch results")}// Output:// There was an error: Parameter is not a number!// This code block is executed regardless of try/catch results