TIL. 45 Javascript 기본 활용

우연히 알게 된 '코딩 놀거리'라는 개념의 사이트인데, 생각보다 기본적인 Javascript 활용에 대해 복습하며 여러 사람의 다른 풀이 방식을 보며 비교해 볼 수 있게 되어 도움이 되는 것 같다.

문제 출처: yeu.kr

element 생성 후 example과 똑같이 DOM-Tree에 붙이기

    let container = document.querySelector('#container');
    let example = document.querySelector('#example');

    container.innerHTML = example.innerHTML.trim();

• Github 링크
• example과 붙여넣을 위치 태그를 선택 후 똑같은 형태로 만든다.

문자열 중복 없애기

    result = [...new Set(string)].join('');

• Github 링크
• new Set을 활용해 객체로 만든 후, 스프레드 연산자로 배열화 시켜 문자열로 변환한다.

문자열에서 숫자만 추출하기

    result = input.replace(/[^0-9]/gm,'');

• Github 링크
• replace와 정규식을 활용해 숫자만 반환한다.