본문 바로가기

javascript10

[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.
[vscode]Open with live sever 버튼이 안보일 때 해결방법 Ctr+Shft+X 를 눌러 extensions로 이동해 줍니다. live server를 검색해 준 후 install을 눌러 설치해줍니다. 설치가 끝난 후에 다시 우클릭 해 보면 아래와 같이 Open with Live Server가 활성화 되어 있습니다. 2020. 5. 27.