자바스크립트 모범 사례🔥

  • javascript에서 배열 선언 및 초기화
  • javascript에서 합계, 최소값 및 최대값 찾기
  • javascript에서 문자열, 숫자 또는 객체 배열 정렬
  • javascript에서 중복 배열 값 제거
  • javascript에서 카운터 객체 또는 맵 생성
  • javascript의 삼항 연산자
  • javascript의 화살표 함수
  • javascript에서 배열 섞기
  • javascript의 Rest & Spread 연산자
  • javascript에서 10진수를 2진수 또는 16진수로 변환

  • 1. javascript에서 배열 선언 및 초기화



    "", null 또는 0과 같은 기본값으로 특정 크기의 배열을 초기화할 수 있습니다. 1-D 배열에 대해 이러한 값을 사용했을 수 있지만 2-D 배열/매트릭스를 초기화하는 것은 어떻습니까?

    const array = Array(5).fill(''); 
    // Output 
    (5) ["", "", "", "", ""]
    
    const matrix = Array(5).fill(0).map(()=>Array(5).fill(0)); 
    // Output
    (5) [Array(5), Array(5), Array(5), Array(5), Array(5)]
    0: (5) [0, 0, 0, 0, 0]
    1: (5) [0, 0, 0, 0, 0]
    2: (5) [0, 0, 0, 0, 0]
    3: (5) [0, 0, 0, 0, 0]
    4: (5) [0, 0, 0, 0, 0]
    length: 5
    


    2. 자바스크립트에서 합계, 최소값, 최대값 찾기




    const array  = [5,4,7,8,9,2]; 
    Sum in array javascript
    array.reduce((a,b) => a+b);
    
    // Output: 35
    MAX in array javascript
    array.reduce((a,b) => a>b?a:b);
    // Output: 9
    
    MIN in array javascript
    array.reduce((a,b) => a<b?a:b);
    // Output: 2
    


    3. javascript에서 문자열, 숫자 또는 객체 배열 정렬




    const stringArr = ["Joe", "Kapil", "Steve", "Musk"]
    stringArr.sort();
    // Output
    (4) ["Joe", "Kapil", "Musk", "Steve"]
    
    stringArr.reverse();
    // Output
    (4) ["Steve", "Musk", "Kapil", "Joe"]
    
    ### Sort Number Array in javascript
    const array  = [40, 100, 1, 5, 25, 10];
    array.sort((a,b) => a-b);
    // Output
    (6) [1, 5, 10, 25, 40, 100]
    
    array.sort((a,b) => b-a);
    // Output
    (6) [100, 40, 25, 10, 5, 1]
    


    4. javascript에서 중복 배열 값 제거




    const array  = [5,4,7,8,9,2,7,5];
    array.filter((item,idx,arr) => arr.indexOf(item) === idx);
    // or
    const nonUnique = [...new Set(array)];
    // Output: [5, 4, 7, 8, 9, 2]
    


    5. javascript에서 카운터 개체 또는 맵 만들기




    let string = 'kapilalipak';
    const table={}; 
    for(let char of string) {
      table[char]=table[char]+1 || 1;
    }
    // Output
    {k: 2, a: 3, p: 2, i: 2, l: 2}
    


    6. 자바스크립트의 삼항 연산자




    function Fever(temp) {
        return temp > 97 ? 'Visit Doctor!'
          : temp < 97 ? 'Go Out and Play!!'
          : temp === 97 ? 'Take Some Rest!';
    }
    
    // Output
    Fever(97): "Take Some Rest!" 
    Fever(100): "Visit Doctor!"
    


    기사의 주요 소스에 대한 추가 팁을 찾으십시오.

    좋은 웹페이지 즐겨찾기