Programming/React

[ React ] ๊ทธ๋ฆฌ๋“œ ๋ฐ์ดํ„ฐ์…‹์—์„œ ํŠน์ • ์นผ๋Ÿผ ๊ฐ’ ์ฐพ๊ธฐ (find ํ•จ์ˆ˜ / lookup๊ฐ™์€ ํ•จ์ˆ˜)

seulye 2022. 7. 19. 13:40

๋ฆฌ์•กํŠธ์—์„œ ๊ทธ๋ฆฌ๋“œ์˜ ๋ฐ์ดํ„ฐ์…‹์—์„œ ํŠน์ • ์นผ๋Ÿผ์˜ ํŠน์ • ๊ฐ’์„ ์ฐพ์•„์•ผํ•˜๋Š” ์ƒํ™ฉ์ด ์žˆ์—ˆ๋‹ค. 

์ด๋Ÿฐ ์ƒํ™ฉ์—์„œ xplatform์—์„œ๋Š” lookupํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ–ˆ์—ˆ๋‹ค. 

 

var name = studentList.lookup("studentId",1,"studentNm");

studentId(ํ•™์ƒ๋ฒˆํ˜ธ)๊ฐ€ 1์ธ ํ•™์ƒ๋ช…์„ ์ฐพ์€ ์†Œ์Šค์ด๋‹ค. 

 

 

๋ฆฌ์•กํŠธ์—์„œ๋Š” ์ด๋Ÿฐ ํ•จ์ˆ˜๊ฐ€ ๋ญ๊ฐ€ ์žˆ์„๊นŒ, ํ•˜๋‹ค๊ฐ€  findํ•จ์ˆ˜๋ฅผ findํ–ˆ๋‹ค. 

const list = studentList?.find((element) => element.studentId === 1);
const name = list.studentNm;

lookup๊ณผ ๋‹ค๋ฅด๊ฒŒ find๋Š” ํ•ด๋‹น row๋ฅผ ๋ฐ˜ํ™˜ํ•ด์ค€๋‹ค. 

๊ทธ๋ ‡๊ธฐ ๋•Œ๋ฌธ์— ๊ทธ row์—์„œ studentNm์„ ๋‹ค์‹œ ์ฐพ์•„์ค˜์•ผ ํ•œ๋‹ค.