script - 배열 내장함수 map
1763 단어 JavaScriptJavaScript
- for문 이용
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, 4, 9, 16, 25, 36, 49, 64}
- forEach 이용
const array = [1,2,3,4,5,6,7,8]
const squared = [];
array.forEach(i => {
squared.push(i * i);
});
console.log(squared);
//{1, 4, 9, 16, 25, 36, 49, 64}
- map 사용
const array = [1,2,3,4,5,6,7,8]
const squared = array.map(i => i * i);
console.log(squared);
//{1, 4, 9, 16, 25, 36, 49, 64}
- indexOf
배열에서 특정 요소의 순서가 몇번째인지 알려준다.
const array = ['a', 'b', 'c', 'd', 'e'];
const index = array.indexOf('c');
console.log(index);
//2
- findIndex
객체로 이루어진 배열에서 순서를 찾을 때는
indexOf가 아니라 findIndex를 사용해야 한다.
const todos = [
{
id: 1,
text: '함수',
done: true
},
{
id: 2,
text: '객체',
done: true
},
{
id: 3,
text: '배열',
done: false
}
]
const index = todos.findIndex(todo => todo.id === 3);
console.log(index);
//2
//3번째 객체의 id가 3이므로
- find
특정 순서의 객체 값을 구하고 싶을 때는 find를 사용한다.
const todos = [
{
id: 1,
text: '함수',
done: true
},
{
id: 2,
text: '객체',
done: true
},
{
id: 3,
text: '배열',
done: false
}
]
const todo = todos.find(todo => todo.id === 3);
console.log(todo);
//Object {id: 3, text: "배열", done: false}
//3번째 객체의 값 출력
Author And Source
이 문제에 관하여(script - 배열 내장함수 map), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@yj6151122/Javascript-배열-내장함수-map저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)