코딩/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(' ') 요소들을 구분할 문자열 지정.
없을시엔 쉼표로 구분.