본문 바로가기

자바스크립트6

[JavaScript] Truthy and Falsy 자바스크립트는 자신만의 기준으로 자료형에 상관없이 true와 false를 나눈다. 이때 boolean형이 아니어도 true로 판단하는 요소들을 truthy, 거짓으로 판단하는 요소들을 falsy라고 한다. 대표적인 falsy는 null undefined 0 NaN ""(빈 문자열) 이것들은 예외처리를 할 때 유리하다. const getName = (person) =>{ if(!person){ return "객체가 아닙니다."; } return person.name; }; 이러면 매개변수가 null이거나 undefined일 때의 예외처리를 할 수 있다. 2023. 7. 16.
[JavaScript] 배열 내장 함수 forEach 배열을 하나씩 순회할 수 있게 해주는 함수 const arr = [1,2,3,4]; arr.forEach((elm) => console.log(elm)); 배열의 모든 요소를 한번씩 출력해준다. const arr = [1,2,3,4]; const newArr = []; arr.forEach(function (elm){ newArr.push(elm * 2); }); 이렇게 하면 기존 배열 *2 한 값이 새 배열에 들어가게 된다. map const arr = [1,2,3,4]; const newArr = arr.map((elm) =>{ return elm*2; }); console.log(newArr); map를 사용하면 알아서 넣어준다. includes const arr = [1,2,3,4].. 2023. 7. 12.
[JavaScript] 배열 배열 생성하기 let arr = []; //배열 리터럴 위와 같은 형태로 배열을 생성할 수 있다. let arr = [1,"2",function() {}]; 배열에 들어가는 요소들의 자료형이 다를 수 있다. let arr = [1,2,3,4,5]; console.log(arr[2]); // 3이 출력됨 접근은 자바, c언어와 동일한 방식으로 한다. let arr[1,2,3,4,5,6]; arr.push(7); //가장 마지막에 7 push 배열명.push(넣을 내용)을 사용하면 배열에 데이터를 추가할 수 있다. 2023. 7. 12.
[JavaScript] 객체 객체 만들기 let person = { key: "value", //프로퍼티 key: "value1" };//객체 리터럴방식 위 코드는 객체 리터럴방식으로 객체를 생성하고, 프로퍼티를 설정한다. (자바 클래스와 유사) console.log(person.key) //점표기법 console.log(person["key"]) //괄호표기법 객체의 프로퍼티를 불러올 때에는 다음과 같이 점표기법과 괄호표기법을 사용할 수 있다. 주의할 점은 괄호표기법에서 key 이름은 꼭 string형으로 넣어주어야 한다는 점이다. let person = { name : "jack", age : 22, }; console.log(get("name")); function get(key){ return person(key); } 괄호.. 2023. 7. 12.
[JavaScript] 조건문 if문 if문은 java, c언어와 동일하다. let a = 5; if(a == 5){ console.log("five"); } else if(a == 4){ console.log("four"); } else{ console.log("not"); } a가 5이면 five를, a가 4이면 four을, 둘 다 아니면 not을 출력한다. switch문 else if가 너무 많으면 지저분함 -> switch문 사용 let a = "l" switch(a){ case "l": console.log("엘"); break; case "m": console.log("엠"); break; case "n": console.log("엔"); break; default: console.log("기타"); break; } swi.. 2023. 7. 10.
[JavaScript] 자료형 Primitive Data Type(원시타입) : 한번에 하나의 값만 가질 수 있음. 하나의 저장된 공간 이용 Number String Boolean Undefined Null Non-Primitive Data Type(비원시타입) : 한번에 여러 개의 값을 가질 수 있음. 여러 개의 고정되지 않은 동적 공간 사용 Object Array Function 자바, c언어 등의 언어는 정수와 실수를 분리하지만 자바스크립트에서는 정수와 실수를 분리하지 않는다. let k = 6; let kk = 6.55; string은 큰따옴표 또는 `(shift 누르지 않고 물결기호)를 쓴다. 문자열에 다른 변수를 넣고 싶을 때에는 큰따옴표가 아닌 `을 사용한다. let name = "dddd"; let kk = `hello.. 2023. 7. 8.