본문 바로가기

📕 STUDY/JavaScript

(7)

[JavaScript] 기초문법-7 (배열) [JavaScript] 기초문법-7 (배열) ✅ 배열 배열은 문자 뿐만 아니라 숫자, 객체, 함수 등도 포함 가능함. let arr = [ "민수", 3, false, { name: "Mike", age: 30 }, function () { console.log("TEST"); } ]; ✅ 배열의 길이 배열.length : 배열 요소의 개수를 반환함. let arr = [ "민수", 3, 4, 5 ]; console.log(arr.length); // 4 ✅ 배열 요소 추가 / 삭제 1. 배열 끝에 추가 / 삭제 - 추가 : 배열.push(요소) - 삭제 : 배열.pop() let days = ["월", "화", "수"]; // 배열 끝에 요소 추가 days.push("목"); console.log(da..

[JavaScript] 기초문법-6 (객체) [JavaScript] 기초문법-6 (객체) ✅ 객체 (Object) 예시) 객체 superman const superman = { name: "clark", age: 33, }; 1. 객체 접근 1) 객체이름.요소 2) 객체이름['요소'] // 접근 console.log(superman.name); // clark console.log(superman["age"]); // 33 console.log(superman["gender"]); // undefined 2. 객체 추가 1) 객체이름.요소= '추가할 내용' 2) 객체이름['요소'] = '추가할 내용' // 추가 superman.name = "hyunjin"; superman["age"] = 22; superman.gender = "female"; ..

[JavaScript] 기초문법-5 (함수 / 화살표 함수) [JavaScript] 기초문법-5 (함수 / 화살표 함수) ✅ 함수 function 함수명(매개변수){ 함수에서 실행할 문장; } 장점 - 여러번 반복해서 같은 코드를 작성할 필요가 없어 중복을 줄여줌. - 코드의 유지 보수가 쉬움. (일부 함수만 수정하면 됨) 1. 매개변수가 없는 함수 1-1. 'error'를 출력하는 함수 function showError(){ console.log("error"); } showError(); 2. 매개변수가 있는 함수 2-1. 매개변수로 이름을 받아 'Hello, 이름'을 출력하는 함수 function sayHello(name){ const msg = `Hello, ${name}`; console.log(msg); } sayHello('Hyunjin'); // H..

[JavaScript] 기초문법-4 (조건문 / switch 문 / 반복문) [JavaScript] 기초문법-4 (조건문 / switch 문 / 반복문) ✅ 조건문 if if(조건식) { 조건식이 참일 경우 실행할 문장; } else { 조건식이 거짓일 경우 실행할 문장 } const age = prompt("나이를 입력하세요."); if(age

[JavaScript] 기초문법-3 ( 비교 연산자 / 논리 연산자) [JavaScript] 기초문법-3 ( 비교, 논리 연산자 / 조건문 / 반복문) ✅ 비교 연산자 1. 대소 구분 : >, =, > 정확한 비교를 위해 '===' 쓰는 것을 권장 console.log(10>5) // true console.log(10==5) // false const a = 1; const b = "1"; console.log(a==b); // true - 값만 비교 console.log(a===b); // false - 자료형까지 비교 ✅ 논리 연산자 1. || (OR) 둘 중 하나라도 참이면 참 console.log( (true || true), // true (true || false), // true (false || false) // false ) 2. && (AND) 둘 다 ..

[JavaScript] 기초문법-2 (alert, prompt, confirm / 형변환) [JavaScript] 기초문법-2 (alert, prompt, confirm / 형변환) ✅ 사용자 인터페이스 기능 (alert / prompt / comfirm) ▶ alert : 알려줌 ▶ prompt : 입력 받음 ▶ confirm : 확인 받음 1. alert('message'); - 확인 버튼을 누를 때까지 계속해서 메세지를 보여줌 - 확인버튼을 누르면 닫힘 2. prompt('message', [default]); - 사용자에게 메세지를 보여주고, 값을 입력받을 수 있음 - 취소를 누르면 null을 반환 const name = prompt("이름을 입력하세요."); alert(`환영합니다. ${name}님`); - 두번째 인수를 넣으면 default 제공 가능 let birthDay = pr..

[JavaScript] 기초문법-1 (변수/ 자료형) JavaScript 기초문법-1 (변수 / 자료형) ✅ 변수 ▶ 변수 선언 방식 (var / let / const) var msg = 'hi'; let name = "hyunjin"; const message = `${msg}, My name is ${name}`; console.log(message); // hi, My name is hyunjin 1. var 변수명 = 변수의 내용 - 변수의 재선언 가능 - 변수의 재할당 가능 - 장점 : 변수 재선언이 가능하여 간단한 테스트에서는 편하게 사용 가능. - 단점 : 변수 재선언이 가능하여 코드량이 많아지면 오류 발생의 원인이 됨. var msg = 'hi'; console.log(msg); // hi var msg = 'hello'; // 재선언 가능 ..

이전 1 다음

티스토리툴바