분류 전체보기187 [JS]배열 내장함수 forEach, map forEach for문을 대체 할 수 있는 내장함수. const superheroes = ['아이언맨', '캡틴 아메리카', '토르', '닥터 스트레인지']; 위와 같은 텍스트 배열이 있다고 가정할 때, 배열 안에 있는 모든 원소들을 출력해야한다면 for 사용시 const superheroes = ['아이언맨', '캡틴 아메리카', '토르', '닥터 스트레인지']; for (let i = 0; i { console.log(.. 2020. 8. 11. [JS] 반복문 for, while, break, continue For문 가장 기본적인 반복문으로, 조건이 만족 되면 계속 반복하는 문법 Example for (let i = 0; i < 10; i++) { console.log(i); } 해석) let i = 0을 선언하고 이를 시작으로 i가 10미만일 때 i+1을 반복하고 콘솔에 i를 출력하라. for (초기 구문; 조건 구문; 변화 구문;) {코드} 배열과 for const names = ['멍멍이', '야옹이', '멍뭉이']; for (let i = 0; i < names.length; i++) { console.log(names[i]); } 해석) names 라는 상수를 선언하는데 names 는 '멍멍이', '야옹이', '멍뭉이'라는 값을 가진 [배열]이다. i=0에서 시작, i가 names.length(배열.. 2020. 8. 11. [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. 이전 1 2 3 4 5 6 7 8 ··· 32 다음