JavaScript
-
join()JavaScript 2021. 7. 29. 23:51
join('{区切り記号}') 配列のデータを区切り記号にて分けた後に一つの文字列にする。 newsList.push(''); /** * do hashing */ for(let i = 0; i < 10; i++) { newsList.push(` ${newsFeed[i].title} (${newsFeed[i].comments_count}) `); } newsList.push(''); container.innerHTML = newsList.join(''); newsListにはニュースのデータが配列のデータとして入っている。 その配列データをjoinを使って画面に一つの文字列として出力されている。 joinに区切り記号がないので、ない場合は基本','コンマで分けて配列データを連結する。
-
HashChangeJavaScript 2021. 7. 18. 15:52
hashchange URL hash(URLの中で’#’次に来る全部)が変更するたび発生するwindowイベント 同一なURLの上でURIのみ(hash)が変わるのでサーバにリクエストを投げません。reload発生❌ window.addEventListener('hashchange', function() { const id = location.hash.substring(1); ajax.open('GET', CONTENT_URL.replace('@id', id), false); ajax.send(); const newsContent = JSON.parse(ajax.response); const title = document.createElement('h1'); title.innerHTML = newsContent.title; ..
-
TypeScriptJavaScript 2021. 7. 14. 22:33
TypeScript : Type + Script(JavaScript) 자바스크립트는 데이터 설명이 어려운 언어이기 때문에 데이터 유형을 설명할 수 있는 타입스크립트가 주목 → 유지보수 용이 let weight = 80; let weight: number = 80; 명시적으로 데이터가 숫자라는 유형(Type)이라고 설명 type Centimeter = number; let height: Centimeter = 170; 타입 유형이 Centimeter → number 이다 숫자 유형에 타입을 생성, 숫자라는 의미를 부여 type RainbowColor= 'red' | 'orange' | 'yellow' | 'green' let color: RainbowColor = 'orange'