함수, 객체

Array 메서드

메서드	설명
unshift()	첫 번째 항목 추가
shift()	첫 번째 원소 제거
splice(start)	start부터 끝까지 원소 제거
splice(start,n)	start부터 n개 원소 제거
splice(start,n,e1,e2,e3…)	start부터 n개 원소 제거 + 그 위치에 뒤 parameter들 추가
reverse()	배열 순서 뒤집기
slice(start,end)	start부터 end-1까지 원소 복사
indexOf(item)	item에 해당하는 첫 번째 원소 인덱스 리턴
indexOf(item,start)	start 인덱스부터 item에 해당하는 첫 번째 원소의 인덱스 리턴, 없으면 -1
lastIndexOf(item)	item에 해당하는 마지막 원소의 인덱스 리턴, 없으면 -1 리턴
lastIndexOf(item,last)	처음부터 last 인덱스 범위에서 item에 해당하는 마지막 원소의 인덱스 리턴, 없으면 -1 리턴
slice()	깊은 복사 가능

Array 메서드(콜백필요)

Array.prototype.every() Array 인스턴스의 every() 메서드는 배열의 모든 요소가 제공된 함수로 구현된 테스트를 통과하는지 테스트합니다. 이 메서드는 불리언 값을 반환합니다.

const isBelowThreshold = (currentValue) => currentValue < 40;
 
const array1 = [1, 30, 39, 29, 10, 13];
 
console.log(array1.every(isBelowThreshold));
// Expected output: true

Array.prototype.some() some() 메서드는 배열 안의 어떤 요소라도 주어진 판별 함수를 적어도 하나라도 통과하는지 테스트합니다. 만약 배열에서 주어진 함수가 true을 반환하면 true를 반환합니다. 그렇지 않으면 false를 반환합니다. 이 메서드는 배열을 변경하지 않습니다.

const array = [1, 2, 3, 4, 5];
 
// Checks whether an element is even
const even = (element) => element % 2 === 0;
 
console.log(array.some(even));
// Expected output: true

Array.prototype.filter() Array 인스턴스의 filter() 메서드는 주어진 배열의 일부에 대한 얕은 복사본을 생성하고, 주어진 배열에서 제공된 함수에 의해 구현된 테스트를 통과한 요소로만 필터링 합니다.

const words = ['spray', 'elite', 'exuberant', 'destruction', 'present'];
 
const result = words.filter((word) => word.length > 6);
 
console.log(result);
// Expected output: Array ["exuberant", "destruction", "present"]

Array.prototype.find() (인덱스는 findIndex) Array 인스턴스의 find() 메서드는 제공된 배열에서 제공된 테스트 함수를 만족하는 첫 번째 요소를 반환합니다. 테스트 함수를 만족하는 값이 없으면 undefined가 반환됩니다.

배열에서 찾은 요소의 인덱스가 필요한 경우, findIndex()를 사용하세요.
값의 인덱스를 찾아야 하는 경우, indexOf()를 사용하세요. (findIndex()와 유사하지만, 테스트 함수를 사용하는 것 대신 각 요소가 값과 동일한지 확인합니다.)
배열에 값이 존재하는지 찾아야 하는 경우, includes()를 사용하세요. 이 역시 테스트 함수를 사용하는 것 대신 각 요소가 값과 동일한지 확인합니다.
제공된 테스트 함수를 만족하는 요소가 있는지 찾아야 하는 경우, some()을 사용하세요.

const array1 = [5, 12, 8, 130, 44];
 
const found = array1.find((element) => element > 10);
 
console.log(found);
// Expected output: 12

Array.prototype.map() map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다.

const array1 = [1, 4, 9, 16];
 
// Pass a function to map
const map1 = array1.map((x) => x * 2);
 
console.log(map1);
// Expected output: Array [2, 8, 18, 32]

타이머 함수

setTimeout() 전역 setTimeout() 메서드는 만료된 후 함수나 지정한 코드 조각을 한 번 실행하는 타이머를 설정합니다.

setTimeout(() => console.log("2초 후에 실행됨"), 2000);

function add(x, y) {
  console.log(x + y);
}
setTimeout(add, 2000, 3, 4);

setInterval()

let id = setInterval(() => {
console.log('1초 마다 호출합니다.');
}, 1000);
setTimeout(() => {
clearInterval(id);
console.log('*** 타이머를 제거합니다.');
}, 5000)

Number 객체

메서드	설명
toExponential()	숫자를 지수 표시로 나타낸 문자열 리턴
toFixed()	숫자를 고정소수점 표시로 나타낸 문자열 리턴
toPrecision()	숫자를 길이에 따라 지수 표시 또는 고정소수점 표시로 나타낸 문자열 리턴

String 객체

Date 객체

let d1 = new Date();
 
let weekName = ['Sun', 'Mon', 'Tue', 'Wed', 'Thr', 'Fri', 'Sat'];
 
console.log(d1.getFullYear() + "/" + (d1.getMonth() + 1) + "/" + d1.getDate());
// 2023/11/6
 
console.log(d1.getHours() + ":" + d1.getMinutes() + ":" + d1.getSeconds());
// 21:51:32
 
console.log(weekName[d1.getDay()]);
//MON
 
console.log(d1.getTime());
// 1960부터 초로 센 시간

Math 객체

문서 객체 모델, 이벤트

window 객체

함수	설명
alert(메시지)	경고창
confirm(메시지) → boolean	Yes/No
prompt(메시지, 입력_초기값) → string	프롬프트 출력, 문자열 입력 받기