본문 바로가기

js14

[JS] 배열 내장함수 filter, splice, slice filter 특정 조건을 만족하는 값들만 따로 추출하여 새로운 배열을 만듦. todos 배열에서 done 값이 false 인 항목들만 따로 추출해서 새로운 배열을 만들어 보면 아래와 같이 할 수 있다. const todos = [ { id: 1, text: '자바스크립트 입문', done: true }, { id: 2, text: '함수 배우기', done: true }, { id: 3, text: '객체와 배열 배우기', done: true }, { id: 4, text: '배열 내장함수 배우기', done: false } ]; const tasksNotDone = todos.filter(todo => todo.done === false); #위의 코드를 아래와 같이 바꾸어도 동작함# const tas.. 2020. 8. 12.
[JS]배열 내장함수 indexOf, findIndex, find indexOf indexOf는 원하는 항목이 몇번째 '원소'인지 찾아주는 함수입니다. (배열 안에 있는 값이 숫자, 문자열, 불리언 일 때) 예를 들어서 다음과 같은 배열이 있을 때 const superheroes = ['아이언맨', '캡틴 아메리카', '토르', '닥터 스트레인지']; 토르가 몇번째 항목인지 찾으려면 아래와 같이 입력하면 됨 const superheroes = ['아이언맨', '캡틴 아메리카', '토르', '닥터 스트레인지']; const index = superheroes.indexOf('토르'); console.log(index); findIndex (배열안에 있는 값이 객체, 배열 일 때) const todos = [ { id: 1, text: '자바스크립트 입문', done: t.. 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.

티스토리툴바