본문 바로가기

코-딩/Javascript8

Javascript - DOMParser, fetch 가령 다운로드 할 파일의 내용을 변경해서 진행하고 싶을 때, fetch와 DOMParser를 이용하면 된다. let config = { headers: { 'Accept': 'application/json' } }; fetch( url, config ) .then(result => result.text()) //blob, text, json 등등등... .then( function( res ) { console.log(res); //text로 변환된 파일 내용을 볼 수 있다. }); html을 res로 받을 경우, text 상태에서 내용을 수정하기에 불편함이 있다. 다시 text > html로 변환을 시켜주기 위해 DOMParser를 사용한다. let parser = new DOMParser(); let.. 2022. 3. 29.
getElementsByTagName() / querySelectorAll() HTMLCollection을 반환하는 함수지만, 연속으로 혹은 다른 getElementsByClassName()과 같이 사용할 수 없다. = ex ] ======================================================================== 맞는 예시 : var tag = document.getElementsByTagName( 'div' ); 틀린 예시 : var tag = document.getElementsByTagName( 'div' )[0].getElementsByClassName( 'class' ); var tag = document.getElementsByTagName( 'div' )[0].getElementsByTagName( 'p' ); =======.. 2022. 1. 19.
Array.prototype.splice() splice() 함수를 이용하면 배열의 특정 위치 값을 제거할 수 있고 추가도 할 수 있다. * splice( 첫번째인자, 두번째인자, 세번째인자 )의 첫번째 인자는 시작 위치(index. 0부터 시작한다.), 두번째 인자는 갯수, 세번째 인자는 추가할 요소를 의미하며 세번째 인자는 생략이 가능하다. = ex ] ======================================================================== let first = ['I', ' ', 'M', 'Y', 'M', 'E', 'M', 'I', 'N', 'E']; first.splice(1, 2); console.log(first); 결과 : ["I", "Y", "M", "E", "M", "I", "N", "E"].. 2022. 1. 12.
Array.prototype.find() find() 함수를 사용하면, for문을 따로 사용하지 않고도 중복되는/겹치는/같은 값이 있는지 확인 할 수 있다. * 조건에 해당하는 값이 여러개여도, 가장 처음 값을 반환한다. 없을 경우엔 undefined를 반환한다. * find를 사용할 변수는 배열이여야 한다. = ex ] ======================================================================== let first = [1, 2, 3, 4, 5] let second = 3 console.log(first.find(element => element > second)); 결과 : 4 ===============================================================.. 2022. 1. 12.

티스토리툴바