학습 내용 정리/javascript (41) 썸네일형 리스트형 setTimeout() setInterval() setTimeout(함수,시간) 메서드는 만료된 후 함수나 지정한 코드 조각을 실행하는 타이머를 설정 setTimeout(() => { console.log("첫 번째 메시지"); }, 5000); setInterval(함수,시간,파라미터1,파라미터2...) 고정된 시간 지연으로 함수를 반복적으로 호출 - 파라미터 : 시간이 만료되면 지정한 함수로 자동으로 전달되는 파라미터 값 clearInterval() 을 통해 제거 const intervalID = setInterval(myCallback, 500, "Parameter 1", "Parameter 2"); function myCallback(a, b) { console.log(a); console.log(b); } javascript 구조분해할당 객체 구조분해 할당을 사용하지 않을 때 const user = {name: "손석구", age: 10}; console.log(user.name) // 손석구 console.log(user.age) // 10 구조분해 할당을 사용할 때 const { name, age } = user console.log(name) // 손석구 console.log(age) // 10 배열 구조분해 할당을 사용하지 않을 때 const games = ['배틀그라운드', '리그오브레전드']; console.log(games[0]) // 배틀그라운드 console.log(games[1]) // 리그오브레전드 구조분해 할당을 사용할 때 // 구조분해 할당 const [battleGround, Lol] = games; consol.. javascript 함수 선언식과 함수 표현식 함수 선언식은 호이스팅에 영향을 받고, 함수 표현식은 호이스팅에 영향을 받지 않습니다. 함수 선언식 function sayHello () { return "hello, world!" } 함수 표현식 const sayHello = function(){ return "hello, world!" } javascript 자료구조 Set Set Set은 고유한 값을 저장하는 자료 구조입니다. Set은 값만 저장하며, 키를 저장하지 않습니다. Set은 값이 중복되지 않는 유일한 요소로만 구성됩니다. Set을 사용하면 다음과 같은 작업을 수행할 수 있습니다. 값 생성 const mySet = new Set() 값 추가 mySet.add('value1'); 값 검색 mySet.has('value1') // true 또는 false 출력 값을 반복 for (const value of mySet.values()) { console.log(value); } 값 삭제 set.delete(2) 모든 값 제거 set.clear() Set 크기 mySet.size javascript 자료구조 Map Map new Map() – 맵을 만듭니다. map.set(key, value) – key를 이용해 value를 저장합니다. map.get(key) – key에 해당하는 값을 반환합니다. key가 존재하지 않으면 undefined를 반환합니다. map.has(key) – key가 존재하면 true, 존재하지 않으면 false를 반환합니다. map.delete(key) – key에 해당하는 값을 삭제합니다. map.clear() – 맵 안의 모든 요소를 제거합니다. map.size – 요소의 개수를 반환합니다. - for of 반복문 컬렉션 객체가 [Symbol.iterator] (반복자) 속성을 가지고 있어야만 합니다 iterator : 배열 또는 객체와 비슷한 형태로 열거되어있는 자료구조 var ite.. javascript 변수의 네이밍 컨벤션 1. 하이픈 (-) 사용 금지 2. 첫 글자 숫자 금지 3. 예약어 사용 금지 abstract arguments boolean break byte case catch char class const continue debugger default delete do double else enum eval export extends FALSE final fianlly float for function goto if implements import in instanceof int interface let long native new null package private protected public return short static super switch synchronized tis throw throws t.. javascript Array method javascript 표준 내장 객체인 Array의 method에 대해 알아본다. arr.concat(Array2) : 배열 합쳐서 새로운 배열로 반환 (기존 배열 변경 X) arr.every(function) : 배열 안의 모든 요소가 주어진 판별 함수를 통과하는지 테스트, Boolean 반환. arr.fill(value,start,end) : start부터 end까지 value의 값으로 채움, start와 end 생략 가능. arr.filter(function) : 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환 arr.find(function): 주어진 판별 함수를 만족하는 첫 번째 요소의 값을 반환, 없다면 undefined 반환 arr.findIndex(function) : .. javascirpt Math method javascript의 내장객체 Math의 메소드들에 대해 정리한다. 연산하려는 숫자는 괄호 안에 들어간다. Math.abs() 절댓값 Math.cbrt() 세 제곱근 Math.ceil() 올림 Math.floor() 내림 Math.max() 최댓값 Math.max.apply(null, array) 배열의 최댓값 Math.min() 최솟값 Math.random() 난수 추출 Math.round() 반올림 Math.sign() 주어진 수의 부호를 나타내는 (+)1/-1을 반환 ( 단, Math.sign()에 제공한 수가 0일 경우 부호에 따라 (+)0/-0을 반환) Math.trunc() 소수점 제거 + Math 내장 속성 Math.PI (약 3.14159, 원의 둘레와 지름의 비율) 참고 자료 : http.. 이전 1 2 3 4 5 6 다음
