일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- useEffect
- useParams
- 콜백함수
- 6주포트폴리오
- 인라인블럭
- javascript코딩테스트
- Redux
- react redux
- useSearchParams
- JavaScript
- 블럭요소
- 자바스크립트배포
- redux toolkit
- 자바스크립트
- Redux store
- line-through
- react
- 협업프로젝트
- sort
- db.json
- redux 사용방법
- first-child
- foreach
- JSON
- javascript React
- couchcoding
- React state
- React onClick
- 카우치코딩
- toString
- Today
- Total
목록foreach (5)
개발하는 루루언니
★forEach ⭐️ foreach 는 map 과 달리 새로운 배열을 반환하지 않고 원본 배열에서 순회하면서 수정하는 방식이다. (간략한 코드에서 사용하면 좋다) 📕 예제 1 💡배열 요소들을 문자열로 변환하여 새로운 배열 생성하기 const names = ['Alice','Bob','Charlie']; const greetings = []; names.forEach(function(name) { greetings.push(`Hello, ${name}`); // 배열 끝에 값 추가하기 }); console.log(greetings); // 출력 ['Hello , Alice!', 'Hello, Bob!', 'Hello, Charlie'] 📕 예제 2 💡 모든 사람의 나이를 5살씩 증가시킴 const peop..
$arr = array(); // 배열의 생성 $arr[2] = "apple"; $arr[3] = "banana"; $arr[4] = "orange"; // $arr[0]과 $arr[1]은 배열의 홀(hole)이 됨. for ($i = 0; $i < count($arr); $i++) { echo "\\$arr[{$i}] : ".$arr[$i]." "; } foreach ($arr as $element){ echo $element." "; } $arr 라는 배열을 생성 하였는데 [0]번째 [1]번 째는 값을 넣지 않았다. [2]번부터 값이 들어가게 되는데 여기서 for문을 사용하게되면 모든 배열에 접근할 수 없게 된다. count 함수는 배열의 요소의 개수를 계산할 때 배열의 빈값 (hole)을 포함하지 ..
더보기 구현하고싶은 기능 배열안에 객체가 있고 해당 특정 id 가있다고 할때 삭제하기 버튼을 누르면 특정 id값이 있는 데이터만 삭제를 하고 싶다. 🔥 리덕스를 사용했다. let products = createSlice({ name:'products', initialState:[], reducers :{addfilter(state,action){ state.forEach((item,index)=>{ if(item.id === action.payload){ state.splice(index ,1) } }) } 1. initialState 안에는 [ ] 빈객체가 있다. 2. 여기에 추가된 아이템이 { }객체로 담길것이다. 3. 추가된 아이템은 특정 id 가 있다. 4. Redux의 변경함수인 reducers..

forEach 📙 실행화면 See the Pen Untitled by tkrkr55 (@tkrkr55) on CodePen. ✅ 콘솔 결과값 1. 배열의 값을 하나씩 꺼내고 싶다면? for문을 쓰지말고 forEach를 쓰자 2. forEach는 함수를 파라미터로 리턴= 반환한다. 3. 함수하나를 만들자 PrintName 의 파라미터로 (item)을 받으면 배열의 값들을 하나씩 꺼내올 수 있다. 4. foreEach를 쓸때는 배열의 변수값 name.forEach(PrintName) 이렇게 써줘야 한다. name.forEach(function(item){ console.log(item) }) 5. 굳이 함수를 만들 필요 없이 이름없는 함수를 만들어 사용해도 된다. name.forEach((item)=>{ c..