map / filter 연습 2
1 ) 하드코딩 import React from "react"; import "./App.css"; const App = () => { const users = [ { id: 1, age: 30, name: "송중기" }, { id: 2, age: 24, name: "송강" }, { id: 3, age: 21, name: "김유정" }, { id: 4, age: 29, name: "구교환" }, ]; return ( {users[0].age} - {users[0].name} {users[1].age} - {users[1].name} {users[2].age} - {users[2].name} {users[3].age} - {users[3].name} ); }; export default App; 👇 위에 ..
더보기
map / filter 함수
- map const testArr = [1, 2, 3]; testArr.map(function(item){ return item *2 // 여기서 item은 testArr에 할당 된 [1,2,3] 을 말함. }); // [2, 4, 6] 출력 map => 원래 데이터를 가공하여 출력하는 방법 - map 실습 const App = () => { const testArr = ['감자', '고구마', '오이', '가지', '옥수수']; return ( { testArr.map(function(item){ // 감자,고구마,오이,가지,옥수수 5개 다 리턴 return {item} }) } ); }; 출력결과 : - filter 조건을 만족하는 친구만 filtering을 걸어서 return을 함. testArr..
더보기