본문 바로가기

Javascript36

[javascript] 6. 배열 내장 함수 - filter 아침 7시에 일어나는 습관을 가지려고 조금 일찍 자봤다. 7시는커녕 7시 14분에 일어나는 기적을 보았다. 아침에 일찍 일어나는 사람들은 정말 대단한 듯하다. 난 쓰레기야.... 1. filter 먼저 이 filter를 사용하고 테스트하기에 앞서 개념을 정리해 보았는데 뭔가 map과 비슷하다. 차이점을 좀 더 알아볼 필요가 있을 것 같다. (하단 참고) filter는 특정 조건에 만족하는 원소들을 찾아서 그 원소들을 갖고 새로운 배열들을 만드는 작업을 할 수 있게 해 준다. 가벼운 예시를 한번 봐보자. const todos = [ { id: 1, text: "자바스크립트 입문", done: true }, { id: 2, text: "함수배우기", done: true }, { id: 3, text: "객체.. 2023. 1. 16.
[javascript] 6. 배열 내장 함수 - map, indexOf, findIndex, find 그래도 공부만 하면서 글을 쓰는 것보단 오래오래 코딩하려면 운동을 병행해야 한다는 생각을 실천해 보자!라는 생각으로 헬스장을 등록하고 (원래 계속 운동했었음) 하체 운동을 마친 후 기술정리하며 공부중인데진짜 죽을 맛이다. 1. map 아 map 꽤 헷갈린다. 먼저 map은 배열 안의 원소를 변환할 때 사용하며 모든 원소를 변환하고 싶을 때 사용한다. 배열 안의 모든 숫자를 제곱으로 만들어 보자 for 예제 1 const array = [1, 2, 3, 4, 5, 6, 7, 8]; const squared = []; for (let i = 0; i < array.length; i++) { squared.push(array[i] * array[i]); } console.log(squared); // [1, .. 2023. 1. 16.
[javascript] 6. 배열 내장 함수 - forEach 너무 재미없게 기술 정리만 해놓다 보면 글을 쓰는 나도 그렇고 혹여나 내 블로그를 봐주시는 감사한 분들에게도 잠시 쉬어가는 TMI ZONE을 만들어보려 한다. 항상 맨 윗줄에 쓸 예정 2월 4일자로 퇴사를 했다. 기분은 좋지만 놀 시기가 아니다. 코딩은 멈출 수 없다. javascript 중에서 배열 내장 함수가 자꾸 헷갈린다. javascript 2. 반복문에서 살짝 다뤘지만 그래도 기본기는 잡으면 잡을수록 좋다는 개인적인 견해가 있어 다시 한번 새롭게 정리해보려고 한다. 아 물론 나중에 다시 보거나 새롭게 알게 된 내용을 추가할 때 좀 더 편하게 작성하기 위해 각 내장 함수마다 페이지를 나눌 것이다. forEach 배열 안에 있는 원소들을 갖고 일괄적으로 어느 작업을 하고 싶다면 forEach문을 사.. 2023. 1. 16.
[javascript] - Templete Literal es6에서 문자열을 조합할 때 좀 더 편리하게 사용할 수 있는 문법 파라미터로 이름을 띄워주는 함수가 있고 console에 문자열을 조합하기 위해 +도 그렇고 ""도 여러번 사용을 해서 작업해야 한다. (예시 1) 하지만 ES6의 Templete Literal을 사용하여 구현해보면 좀 더 간결하게 ${}를 사용하여 조합할 수 있다. 예시 1 function hello(name) { console.log("Hello," + name + "!"); } hello("Duhyeon"); // Hello, Duhyeon! ES6 예시 2 function hello(name) { console.log(`Hello, ${name}!`); } hello('Duhyeon'); // Hello, Duhyeon! 2023. 1. 16.
반응형

티스토리툴바