개인 공부용 블로그

객체는 여러개의 변수를 하나의 변수로 묶을 때 사용한다. 객체는 원시값(숫자, 불값)을 제외한 나머지값은 객체(object)이다. const name = 'aaa'; const year = 2000; const month = 9; const date = 15; const gender = 'F'; 사람의 정보를 객체를 사용하면 아래처럼 묶을 수 있다. const user = { name : 'aaa', year : 2000, month : 9, date : 15, gender : 'F', }; 📌객체 리터럴의 { } 는 블록 스코프를 의미하는 것이 아니다. 그렇기 때문에 닫는 중괄호 끝에 ; (세미콜론)을 붙여주어야 한다. 기본 형식 const 객체 = { 속성이름1 : 속성값1, 속성이름2 : 속성값2,..

function a(parameter) { console.log(parameter); } a('argument'); //argument 매개변수와 인수의 값은 일치하지 않아도 된다. z의 값은 undefined 로 출력된다. .📌화살표 함수 안에서는 arguments를 사용할 수 없다. (function 함수 선언식에서만 사용이 가능하다) ++21.10.09 추가 인자 활용하기 알림창 닫기 열기1 열기2 function btnDisplay(displayType, color, txt){ document.getElementById('btn').style.display = displayType; document.getElementById('btn').style.color = color; document.get..

함수 기본 형식 function () {} //또는 () => {} function이라는 예약어 사용하거나 => arrow function(화살표 함수) 사용 function a() {} //함수 선언문 const b = function() {}; //함수 표현식 const c = () => {}; //화살표 함수 📎함수 선언문 : function 키워드 뒤에 함수 이름을 넣는 방식 📎함수 표현식 : 상수나 변수에 대입하는 방식 function a() {} //선언하다 a(); //호출하다 (call) 함수를 사용하는 행위 -> 호출한다(call) return문 return명령문에 도달하면 그 값을 반환한다. c의 반환값은 hello이므로 hi는 실행되지 않는다. hi위에 return문이 실행되어 Hel..

배열에서 index 위치가 0일 경우 조건식에 넣게 될 경우 내가 원하는 값이 나오지 않는 경우가 있다. 그럴때는 -1보다 크다라는 조건식을 넣어야 한다. (배열은 0부터 시작하기 때문에) const arr = [1, 2, 3, 4, 5]; arr.indexOf(1); //0 if(arr.indexOf(1)) { console.log('1 찾음'); } else { console.log('1 못찾음'); } // 1 못찾음 조건식에서 indexOf(1)은 0번째 자리에 있으므로 false 이다. 그래서 else로 빠지게 되어 '1 못찾음'이 출력됨 ✔형 변환 했을 때 false 가 되는 것 6가지 1. 빈문자 ' ' 2. 0 3. false 4. null 5. undefined 6. NaN if(arr...

📣배열에서 '라'를 모두 제거하라. (indexOf 와 splice, 반복문 사용) const arr = ['가', '라', '다', '라', '마', '라']; 1. 먼저 '라' 가 index 몇번째에 있는지 찾는다. 2. 첫번째 '라' 를 splice를 사용해 삭제 3. indexOf를 반복문을 통해 '라'의 index값만 찾아 삭제 let index = arr.indexOf('라'); //'라'의 기본 index 값 구하기 while(index > -1) { arr.splice(index,1); index=arr.indexOf('라'); }

조건부 연산자 기본 형식 (?와 :이 한세트) 조건식 ? 참일 때 실행되는 식 : 거짓일 때 실행되는 식 5 > 0 ? '참' : '거짓'; //참 중첩된 조건부 연산의 경우 소괄호 연산자를 사용해 가독성을 높여주면 좋다. 📌예시1) 1. 빨간색 박스 먼저 실행 ->>> con2는 false 이므로 'con1만 참' 이 출력된다. con1 ? 'con1만 참' : 'con1 거짓'; 이렇게 나오고 con1은 true 이므로 'con1만 참' 이 출력된다. 📌예시2) con1의 조건식에서 참일경우 'con1 참' 출력 / 거짓일 경우 2번으로 넘어감 con2는 true이므로 'con2 참' 출력 con1 ? 'con1 참' : 'con2 참' 중에 false 이므로 'con2 참' 출력함 if문을 swit..

기본 식 switch (조건식) { //조건식===비교 조건식 값 일치시 실행문이 실행됨. case 비교 조건식; 실행문; } switch문에는 조건식 두 개 사용됨 조건식(빨간색 박스)와 비교조건식(초록색 박스)가 같으면 실행문이 실행된다. 두 개의 조건이 같음 일치하는 case를 발견하면 그 아래의 case 실행문도 모두 출력한다. break문을 추가하게 되면 정확히 일치하는 case만 출력할 수 있다. case가 일치하지 않을때는 default를 넣어서 출력할 수도 있다. (위치는 꼭 마지막이 아니어도 됨)

1. if문 if문 기본 형식 if (조건식) { //조건이 참인 값이 실행 실행문; } else { //조건이 거짓인 값이 실행 실행문; } let value = '사과'; let condition = false; if (condition) { //condition은 false이므로 바나나가 실행되지 않음 value='바나나'; } else { //else로 들어간 value값은 포도이므로 출력은 포도가 된다. value='포도'; } //결과: 포도 2. else-if 문 else-if문 기본 형식 if (조건식) { 동작문; } else if (조건식) { 동작문; } else { //위 조건에 모두 해당이 안될 경우 else 동작문; } 📌if는 필수이며, else if 와 else 는 선택이다...

논리곱 AND (&&) '그리고'를 표현하는 연산자 A && B true && true => true false && false => false true && false =>false (하나라도 거짓이면 거짓) 예시1) 스티브잡스는 한국인이고(AND) 남자이다. //false AND는 첫번째 false를 발견하는 즉시 평가를 멈춘다. 스티브잡스는 남자이고 한국인이며(false)군인이고... 뒤에는 따져보지 않음. 예시2) // 90이상이면 "A학점 입니다." // 80이상 90미만이면 "B"학점입니다." // 70이상 80미만이면 "C"학점입니다." // 60이상 70미만이면 "D"학점입니다." // 60미만이면 "F"학점입니다." function studyFunction(inputValue) { if ..

형 변환(type casting) 문자열과 다른 자료형을 더하면 다른 자료형이 문자열로 바뀌어 문자열과 더해진다. 값의 자료형이 바뀌는 현상 or 바꾸는 행위를 형 변환(type casting) 이라고 한다. ➕더하기 문자열 1과 숫자 0을 더하면 숫자 1이 아닌 문자열 "10"이 나온다. 문자열과 숫자를 더해서 숫자 0 이 문자열 0 으로 형 변환 한 뒤 문자열 1과 합쳐져 10이 된 것. 더하기 할때는 숫자보다 문자열 자료형이 우선시 된다. -> 숫자가 문자열로 형변환됨 ➖빼기 빼기 연산자를 사용할 경우 숫자가 아닌 자료형이 숫자로 바뀌게 된다. (쉽게말해 숫자가 아닌 애들이 숫자로 바뀐다) '문자열'을 정수로 바꿔보기 위해 parseInt 를 사용해도 NaN(Not a Number)가 나온다. Na..