본문 바로가기

728x90

Javascript

(6)
filter() filter() filter() 함수는 map 함수와 같이 굳이 for문을 안써도 배열의 모든 요소를 순회 해주면서 값을 출력해줍니다. 마치 for문안에 if문이 있는거라고 생각하시면 될 것 같습니다 ! 배열에서의 사용 let c = console.log let chelseaMember=['리스제임스','하베르츠','포터','케파','마운트'] const length = chelseaMember.filter(item => item.length > 2) c(length) 배열의 요소 중 길이가 2보다 큰 값만 출력하게 했습니다. 객체에서의 사용 const chelseaMembers = [ { name : '리스제임스' , team : 'Chelsea'}, { name : '하베르츠' , team : 'Ch..
map() for문의 방식 let c = console.log let lst = [1,2,3,4,5] for(let i = 0 ; i c(..
forEach() forEach() forEach() 문은 배열을 순회하는 함수입니다. array.forEach(func(value, index, array)) 기본 구조는 이렇게 되어있습니다. value는 현재 요소, index는 현재 index번호, array는 배열입니다. 실습하기 1. value let c = console.log let list = ['Mount' , 'Silva' , 'Gallagher' , 'Kepa' , 'Harvertz'] list.forEach((value) => { c(value) }) value 만을 인자로 넣었을 때, 리스트에 있는 값만 출력이 됩니다. 2. index let c = console.log let list = ['Mount' , 'Silva' , 'Gallagher' ..
For 반복문 기본 for문 for(시작점 ; 조건문 ; 증감문) 우선 for문은 이런 형식을 가지고 있습니다. C언어와 유사한 형태를 가지고 있습니다. let c = console.log for(let i = 0 ; i < 10 ; i++){ c(i) } 요런 결과를 얻게됩니다. for ... in 반복문 for in 반복문은 배열을 이용한 반복문인데요, 배열의 인덱스를 순회한다고 생각하시면 됩니다. let c = console.log let lst = [1,11,22,33,44,55] for(i in lst){ c(i) } 단 string 타입을 갖는다는것을 잊지마세요! for ... of 반복문 let c = console.log let lst = [1,11,22,33,44,55] for(i of lst){ c(..
Sort() Sort() sort() 메서드는 파이썬에도 존재하고 많은 프로그래밍 언어에도 존재하는 메서드 이다. 기본적으로 오름차순으로 정렬된다. 실습하기 let c = console.log let lst = [1,7,10,3] c(lst.sort()) 오름차순으로 정렬되긴 했는데 보통의 사람들이 원하는 값은 [1 , 3 , 7 , 10] 이 였을 것이다. 이렇게 정렬되는 이유는 유니코드 값에따라 정렬하게 되고 숫자는 문자열로 변환되어서 10에 1을 보고 3과 7보다 앞으로 보내야한다고 생각해 이런 결과가 나온것이다. 파이썬과 달리 얕은복사로 진행되기 때문에 sort() 한번으로 배열의 순서는 바뀌게된다. 해결하기 arr.sort([compareFunction]) 자바스크립트 sort()에는 매개변수로 compar..
Local Stroage 이용하기 Local Stroage 란? 브라우저에 key-value 값을 저장하게 되어 백엔드에 도움 없이 데이터를 저장하고 관리 할 수 있습니다. Local Stroage 메서드 get, set() 메서드 window.localStorage.setItem( 'key' , 'value' ) window.localStorage.getItem('key')) setItem 메서드를 사용하게 되면 브라우저에 key-value 값으로 저장이 됩니다. 이렇게 데이터를 저장하게 됩니다. 필요한 곳에 getItem 메서드를 실행해서 데이터를 이용해주면 됩니다. getRemove 메서드 window.localStorage.removeItem( 'key' ) 해당 key값을 삭제해줍니다. clear 메서드 window.localS..

728x90