본문 바로가기

JavaScripts5

[JS]배열(array) 배열을 선언 할 때에는 [ ] 안에 감싸주면 됨. 배열은 숫자, 문자 뿐만 아니라 객체 또한 넣을 수 있음. ex(객체 배열) const objects = [{ name: '멍멍이' }, { name: '야옹이' }]; 배열 선언 후 조회를 할 때에는 objects[n]; 를 사용해 준다. 배열에 새 항목 추가하기 배열에 새로운 항목을 추가 할 때에는 내장 함수인 push를 사용해 줌 Example const objects = [{ name: '멍멍이' }, { name: '야옹이' }]; objects.push({ name: '멍뭉이' }); console.log(objects); 배열의 크기를 알아 낼 때에는 length를 사용 Example const objects = [{ name: '멍멍이' }.. 2020. 8. 10.
[JS]객체(object) 변수 혹은 상수를 사용할 때 하나의 이름(변수명/상수명)에 여러 종류의 값을 넣을 수 있게 해줍니다. 아래와 같이 dog라는 상수를 선언한 후 블록 안에 name,age라는 키와 '멍멍이', 2 라는 밸류(값)을 넣어줍니다. const dog = { name: '멍멍이', age: 2 }; 예를 들어 name이라는 key에 들어있는 '멍멍이'라는 값을 콘솔창에 출력하려면 아래와 같이 상수명.키 를 입력하여 호출합니다. console.log(dog.name); 함수에서 객체를 파라미터로 받을 때에는 우선 객체를 만들어 줍니다. ironMan과 captainAmerica 라는 객체가 만들어 졌습니다. const ironMan = { name: '토니 스타크', actor: '로버트 다우니 주니어', alia.. 2020. 8. 10.
[JS] 화살표 함수 기존의 함수 선언 방식은 function 함수명(파라미터) 코드블록{}의 형태였습니다. function name(a,b) {} 이를 화살표 함수문법을 이용하여 표현하면 const add = (a, b) => { return a + b; }; console.log(add(1, 2)); 위와 같이 상수선언 + 함수명 =(파라미터) => 코드블록{} 화살표의 좌측에는 함수의 파라미터, 우측에는 코드블록이 오는 형태가 됩니다. 코드블록 내부에서 바로 return을 하는 경우 아래와 같이 더 간결하게 표현할 수 있습니다. const add = (a, b) => a + b; console.log(add(1, 2)); 화살표 함수로 만든 함수와, function으로 만든 함수의 주요 차이점은 서로 가르키는 this가.. 2020. 8. 10.
[JS]switch/case 문 특정 값이 무엇이냐에 따라 다른 작업을 할 때 사용. example) const device = 'iphone'; switch (device) { case 'iphone': console.log('아이폰!'); break; case 'ipad': console.log('아이패드!'); break; case 'galaxy note': console.log('갤럭시 노트!'); break; default: console.log('모르겠네요..'); } device 값에 따라 다른 값을 수행. default의 경우 device에 설정외의 값이 들어갈때 수행. -출처 벨로퍼트와 함께하는 모던 자바스크립트 2020. 8. 10.
[JS]변수/상수 선언 #변수선언 # let 변수명 = 값; #이후 값 변경# 변수명 = 값 변수선언 시 var를 이용하기도 하는데 이는 구버전 브라우저 호환용. 현재는 쓰지않음. #상수선언(이후 값 변경 안됨) const 상수명 = 값; 2020. 8. 9.