JavaScript/Basic

.map() 메소드

map 메소드란? 배열 내의 모든 요소 각각에 대하여 주어진 callback함수를 호출한 결과를 모아 새로운 배열을 반환합니다. callback 함수는 (undefined도 포함해서) 배열 값이 들어있는 인덱스에 대해서만 호출됩니다. 즉, 값이 삭제되거나 아직 값이 할당/정의되지 않은 인덱스에 대해서는 호출되지 않습니다. 구문 arr.map(callback(currentValue[, index[, array]])[, thisArg]) 매개변수 callback 새로운 배열 요소를 생성하는 함수. 다음 세 가지 인수를 가집니다. currentValue = 처리할 현재 요소. index (Optional) = 처리할 현재 요소의 인덱스. array (Optional) = map()을 호출한 배열. thisAr..

.includes() 메소드

.includes() 메소드란? 배열 또는 문자열이 특정 요소를 포함하고 있는지 판별합니다. 매개변수 ①배열의 경우 arr.includes(valueToFind) arr.includes(valueToFind, fromIndex) valueToFind 탐색할 요소입니다. *참고: 문자나 문자열을 비교할 때, includes()는 대소문자를 구분합니다. fromIndex 이 배열에서 searchElement 검색을 시작할 위치입니다. 음의 값은 array.length + fromIndex의 인덱스를 asc로 검색합니다. 기본값은 0입니다. ②문자열의 경우 includes(searchString) includes(searchString, position) searchString 이 문자열에서 찾을 다른 문자열..

.slice() 메소드

Slice 메소드란? ①배열의 경우 어떤 배열의 start 부터 end 까지(end 미포함) 복사하여 새로운 배열 객체로 반환합니다. 원본 배열은 바뀌지 않습니다. ②문자열의 경우 문자열의 섹션을 추출하여 원래 문자열을 수정하지 않고 새 문자열로 반환합니다. Slice 메소드의 매개변수 ①배열의 경우 arr.slice() arr.slice(start) arr.slice(start, end) start 추출 시작점에 대한 인덱스를 의미합니다. 음수 인덱스는 배열의 끝에서부터의 길이를 나타냅니다. 예를 들어, slice(-2) 는 배열에서 마지막 두 개의 엘리먼트를 추출합니다. start가 undefined인 경우에는, 0번 인덱스부터 slice 합니다. start가 배열의 길이보다 큰 경우에는, 빈 배열을..

반복문

1. for문 for ( 초기화한 변수값; 조건; 증감 표시 ) { 수행할 명령 } 조건이 거짓이 될 때까지 명령을 실행한다. ↑ 예제 설명 변수 i 선언 후 값을 0이라 넣고, i가 10보다 작다는 조건을 건 후, i를 1씩 증가시킨다. 이후 i가 9가 될 때까지 명령을 실행한 후, 조건이 거짓이 되면(i가 10보다 크거나 같아지면) 명령을 실행하지 않는다. *주의할 점 for문 안의 변수는 반복문을 실행하면서 계속해서 변경된 값을 저장할 것이므로 const가 아닌 let을 사용합니다. 2. While문 while ( 조건 ) { 수행할 명령 } for문에 변수와 증감 표시를 괄호 바깥으로 뺀 형태이다. 마찬가지로 조건이 거짓이 될 때까지 명령을 실행한다. 3. Do~While문 do { 수행할 명령 ..

if 조건문

if 조건문이란? 주어진 조건에 따라 결과값을 출력하는 구문이다. 조건으로는 비교 연산자 또는 논리 연산자를 사용한다. 조건문의 형태 if문 조건이 참이라면 중괄호 안의 코드를 실행한다. if~else문 조건이 true면 if문을, false면 else문 실행한다. else if문 여러 개의 조건문을 생성할 때 사용한다. 조건이 true면 if문을, false면 else if문을 실행한다. 여러 개의 조건문을 검사하면서 한번이라도 참이 나온다면 그 이후의 조건문 실행하지 않는다. 중첩 if문 if문 안에 또다른 if문을 삽입할 때 사용한다. 중첩된 if문은 상위 if문이 참일 때 실행된다.

연산자 정리

①산술 연산자 +, -, *, /, % 사칙연산 연산자이다. 숫자뿐만 아니라 문자열도 사용 가능하다. + - * / % 더하기 빼기 곱하기 나누기 나눗셈의 나머지 값을 도출 ※ 더하기 연산자는 문자열의 경우 덧셈이 아닌 연결의 개념으로 사용된다. 예) "20" + "10" = 2010 ②증감 연산자 ++, -- ++ -- 1씩 증가 1씩 감소 ※ 연산자의 위치(앞이냐 뒤냐)에 따라 의미가 달라지므로 구분에 주의하자. 앞에 붙었을 경우 → 증가/감소한 상태로 화면에 출력된다. 뒤에 붙었을 경우 → 화면에 출력된 후 증가/감소한다. 즉, 화면에 출력된 값과 최종값이 다르다는 의미. var num = 10; // 증감 연산자를 앞에 붙였을 때 console.log(++num); // num+1 후 num 출력..

수학 연산 메서드 Math.

Math의 수학 연산 메서드 Math.abs(숫자) = 절대값 Math.ceil(숫자) = 올림 Math.floor(숫자) = 내림 Math.random( ) = 0~1 사이의 임의의 숫자 출력 Math.abs(-3) // 3 Math.ceil(0.3) // 1 Math.floor(10.9) // 10 Math.random() // 임의의 숫자 Math 메서드 활용 예제 - 주사위 게임

데이터 타입6 - Undefined, Null

Undefined 변수가 만들어졌지만 데이터를 입력하지 않은 상태. 즉, 정의되지 않음. const unde; // undefined Null = nothing 개발자가 임의로 변수 안에 빈 데이터를 삽입한 상태 (빈 데이터를 지정한 것) const empty = null; // null