코딩/HTML & CSS & JavaScript
JAVA Script - 기본요소
ADWELL
2022. 7. 24. 17:40
사용예 | etc | |
콘솔 | console.log(내용); | |
길이 | 내용.length | |
대문자 | 내용.toUpperCase() | |
양쪽 끝 공백 제거 | 내용.trim() | |
정수 | Math.floor() | |
랜덤숫자(0~1) | Math.random() | |
반올림 정수 | Math.ceil(숫자) | |
정수인지 확인 | Number.isInteger(숫자) | |
변수 | let abc; abc = "변수"; |
|
상수 | const = "상수"; | 값의 재할당 불가능 |
할당 연산자 | x += 1; x -= 2; x *= 3; x /= 4; |
x = x + 1; x = x - 2; x = x * 3; x = x / 4; |
증감 연산자 | a++; a--; |
a = a + 1; a = a - 1; |
변수 문자열 삽입 | let name = "변수"; console.log(`나는 ${name} 입니다.`) |
|
변수 데이터유형 추적 | console.log(type of 변수); | |
if조건문 | if (조건문1) { 실행1 } else if (조건문2) { 실행2 } else {실행3}; |
조건문1가 true 이면 실행1, 조건문2가 true 이면 실행2, 그것도 아니면 실행3 |
비교 연산자 | a < b a > b a <= b a >= b a === b a !== b |
b 미만 b 보다 큼 b 이하 b 이상 b 와 같음 b 와 같지 않음 |
논리 연산자 | a && b a || b !a |
a AND b a OR b NOT a |
변수 값 유무 판단 | a = 0 a = ''; a = ' ';(공백) a = null; ㅁ undefined NaN (or not number) |
전부 false |
단락평가 | let username = ''; let defaultname = username || 'Stranger'; |
username값이 ture면, defaultname값에 username 값을 할당. username값이 false 이면, 'Stranger'를 할당. |
삼항연산자 | 변수 ? 조건문1 : 조건문2; | 변수값이 true 이면 조건문1 실행 false 이면 조건문 2 실행 |
switch 조건문 | switch (변수) { case 값1 : 실행1; break; case 값2 : 실행2; break; case 값3 : 실행3; break; default : 실행4; break; } |
변수 = 값1 이면 실행1 변수 = 값2 이면 실행2 변수 = 값3 이면 실행3 그것도 아니면 실행4 |
배열 | 배열명.push('추가데이터1', '추가데이터2'); | 배열 끝에 요소 추가 |
배열명.pop(); | 배열 마지막 요소 제거 및 반환 | |
배열명.shift(); | 첫번째 요소 제거 및 반환 | |
배열명.unshift(); | 배열 맨 앞쪽에 요소 추가 | |
배열명.slice(1,4); | 배열의 1번 인덱스요소부터 4번째 요소까지 반환 | |
배열명.indexOf(요소명); | 해당 요소의 index를 반환 | |
배열명.splice(4, 1, '요소'); | 4번 인덱스 요소에서 1개 요소 제거하고, 그 자리에 '요소' 추가 | |
배열명.join(' ') | 요소들을 구분할 문자열 지정. 없을시엔 쉼표로 구분. |