JavaScript 編碼技巧

JavaScript 編碼技巧

1. JavaScript 字元串數組轉換

const startArray = [1, 2, 3, 4, 5]      

const outputArray = numArray.map(String)      

console.log(outputArray) //  ["1", "2", "3", "4", "5"]      

數組map文法：array.map(function(currentValue,index,arr), thisValue)      

2. JavaScript 更容易的數組去重

const startArray =[1, 2, 3, 3]      

const outputArray = [...new Set(repeatArray)]      

console.log(outputArray) // [1, 2, 3]      

3.JavaScript 找到數組中指定元素

const startArray = [{id: 1, title: 'one'}, {id: 2, title: 'two'}]      

const outputItem = startArray.find(item => item.id === 2)      

console.log(outputItem) // {id: 2, title: 'two'}      

 4. JavaScript 更簡便的狀态硬設

// 數值      

function handleStatus(status) {
    const statusArray = ['black', 'red', 'blue', 'green', 'yellow'];
    return statusArray[status] || '預設';
 }
console.log(handleStatus(1)) // red      

　// 字元串　　

　function handleStatus(status) {

    const statusArray = {

      black: 'black',

      red: 'red',

      blue: 'blue',

      green: 'green',

      yellow: 'yellow'

    };

    return statusArray[status] || '預設';

  }

smallbore,world