본문 바로가기
반응형

JavaScript27

[JavaScript] Arrays - 03 () Arrays some 조건이 만족하는 값이 있으면 true 없다면 false를 반환함. const movements = [200, 450, -400, 3000, -650, -130, 70, 1300]; console.log(movements); //정확한 값 console.log(movements.includes(-130)); //true //조건을 만족하는 값 const anyDeposits = movements.some(mov => mov > 0); console.log(anyDeposits); //true Every 배열의 모든 요소가 조건을 만족하는 경우 true를 반환한다. const movements = [200, 450, -400, 3000, -650, -130, 70, 1300]; //Ev.. 2022. 4. 1.
[JavaScript] Arrays - 02(forEach, map, filter, reduce, find, findIndex) Arrays forEach() forEach 메서드가 하는 일은 배열을 반복하는 것. 각 반복에서 실행된다. forEach 와 for...of 의 차이점 forEach에서는 countiue와 break가 전혀 작동하지 않는다. forEach는 항상 전체 배열을 반복함. 만약 중간에 멈춰야 하는경우는 for...of를 사용해야 한다. const movements = [200, 450, -400, 3000, -650, -130, 70, 1300]; for (const movement of movements) { if (movement > 0) { console.log(`You deposited ${movement}`); } else { console.log(`You withdrew ${Math.abs(mov.. 2022. 3. 31.
[JavaScript] Arrays - 01 (slice, splice, reverce, concat, join, at) Array slice splice reverce concat join At slice() slice() 메서드는 배열의 시작부터 끝까지 (끝은 꼭 포함하지 않아도 됨)에 대한 얕은 복사본을 새로운 배열 객체로 반환한다. 따라서 원래의 배열은 바뀌지 않는다. let arr = ['a', 'b', 'c', 'd', 'e']; console.log(arr.slice(2)); // ['c', 'd', 'e'] console.log(arr.slice(2, 4)); // ['c', 'd'] //-2는 배열의 마지막에서 2번째 자리 console.log(arr.slice(-2)); // ['d', 'e'] //첫번째부터, -2는 끝에서 두자리를 제외하고 console.log(arr.slice(1, -2)); // [.. 2022. 3. 30.
[JavaScript] Sets 🎉 Sets 집합에는 중복이 존재하면 안된다. 이럴 때 new Set을 사용하면 중복은 제거한 나머지 값이 나타나게 된다. const ordersSet = new Set(['Pasta', 'Pizza', 'Pizza', 'Risotto', 'Pizza', 'Pasta']); console.log(ordersSet); //Set{'Pasta', 'Pizza', 'Risotto'} 그러나 우리가 알던 보통의 객체 모양과는 조금 다른 모양이 나타나게 된다. 우선 new Set을 사용한 ordersSet을 사용하여 size는 length와 비슷하게 사용하고 has는 include 메소드와 비슷하게 사용하여 해당 내용이 있는지 값을 true false로 나타내어 준다. add를 사용하면 아래와 같이 내용을 추가 .. 2022. 3. 28.
[JavaScript] 자바스크립트 처음 공부할 때 도움되는 Quokka 자바스크립트 처음에 공부할 때 하나씩 콘솔에 찍어서 보기가 힘든 경우가 많다 이때 플러그인에서 quokka를 다운받아 보자 플러그인 인스톨 후 오른쪽 버튼을 클릭해서 나같은 경우에는 start Quokka (Run automatically)를 사용하고 있다. 자동으로 계속 결과 값이 나오기 때문에 매우 편리하다 실행 전 Quokka 실행 후 위와 같이 옆에 콘솔 값이 바로 나오는 것을 알 수 있다. 연결해서 창을 띄워놓고 하는 것 보다 편리해서 자주 이용하고 있다. 아직 써보지 않았지만 typescript에도 사용 가능 하다고 한다. https://quokkajs.com/ Quokka - JavaScript and TypeScript playground in your editor Quokka runs y.. 2022. 3. 28.
[JavaScript] for ... of for ... of for...of 명령문은 반복가능한 객체 (Array, Map, Set, String, TypedArray, arguments 객체 등)에 대해서 반복하고 각 개별 속성값에 대해 실행되는 문이 있는 사용자 정의 반복 후크를 호출하는 루프를 생성한다. 2022. 3. 28.