TIL * 22.02.06

RIHOยท2022๋…„ 2์›” 6์ผ
0

TIL

๋ชฉ๋ก ๋ณด๊ธฐ
7/13
post-thumbnail
post-custom-banner

๐Ÿ”ถ JS

JSON.stringify() : Javascript ๊ฐ’์ด๋‚˜ ๊ฐ์ฒด๋ฅผ JSON ๋ฌธ์ž์—ด๋กœ ๋ณ€ํ™˜ํ•ด ์ฃผ๋Š” ๋ฉ”์„œ๋“œ

function saveTodos() {
    localStorage.setItem('todos', JSON.stringify(todos));
}


loaclStorage์— ๊ฐ’์„ array ํ˜•ํƒœ๋กœ ์ €์žฅํ•˜๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉํ–ˆ๋‹ค.

JSON.parse() : JSON์˜ ๋ฌธ์ž์—ด์„ ๋ถ„์„ํ•˜๊ณ  ๊ฒฐ๊ณผ์—์„œ Javascript ๊ฐ’์ด๋‚˜ ๊ฐ์ฒด๋ฅผ ์ƒ์„ฑํ•˜๋Š” ๋ฉ”์„œ๋“œ

if(saveTodos !== null){
    const parsedTodos = JSON.parse(savedTodos);
    console.log(parsedTodos);
}

Array.prototype.forEach(element => { (...) }) : ์ฃผ์–ด์ง„ ํ•จ์ˆ˜๋ฅผ ๋ฐฐ์—ด ์š”์†Œ ๊ฐ๊ฐ์— ๋Œ€ํ•˜์—ฌ ์‹คํ–‰.

parsedTodos.forEach(paintTodo); 

Array.prototype.filter() : ์ฃผ์–ด์ง„ ํ•จ์ˆ˜์— true์ธ ๋ชจ๋“  ์š”์†Œ๋ฅผ ๋ชจ์•„ ์ƒˆ๋กœ์šด ๋ฐฐ์—ด๋กœ ๋ฐ˜ํ™˜.

todos = todos.filter(todo => todo.id !== li.id);

todo.id !== li.id์ธ ์š”์†Œ๋งŒ์„ ๋‚จ๊ฒจ ์ƒˆ array๋ฅผ ์ƒ์„ฑํ•œ๋‹ค.

profile
Front-End / ๊ธฐ๋ก์šฉ
post-custom-banner

0๊ฐœ์˜ ๋Œ“๊ธ€