JavaScript 배열에 for 루프를 사용하지 마십시오.

먼저 프로그래밍 세계에서 배열에 대해 이야기해 봅시다.
나는 당신이 프로그래밍 세계에 속해 있다면 배열이라고 불리는 이 물건을 가지고 놀아야 한다고 가정합니다. 배열은 다른 요소나 객체를 담을 수 있습니다. JavaScript에서 배열을 목록, 스택 또는 대기열로 사용할 수도 있습니다. c 및 c++ JavaScript와 같은 다른 언어는 동일한 데이터 유형 또는 혼합된 데이터 유형의 항목을 포함할 수 있습니다.


JavaScript 코더로서 우리는 항상 배열과 목록으로 작업합니다. 어레이를 사용하지 않고 코딩을 하라고 하면 2분 안에 코드 작성을 중단합니다.

객체 수집, 문자열 분할, 검색, 정렬 등에 사용합니다. 분명히 우리는 오랜 친구인 for-loop를 사용하여 이러한 작업을 수행하지만 이러한 루프는 복잡해지고 꽤 빨리 유지하기 어려울 수 있습니다. for 루프를 사용하여 매우 멋진 논리를 작성할 수 있습니다. 그러나 동료나 나중에 코드를 처리할 사람에 대해 생각해 보십시오. 따라서 이 튜토리얼에서는 프로젝트에서 구현할 수 있는 몇 가지 멋진 JavaScript 배열 기술을 설명할 것입니다.

우리는 지금까지 무엇을 했습니까?

Var arr = [1,2,3,4,5]
Let sum =0;
For (let i=0; i < arr.length ; i++){
……. Our logic
}

초보자로서 우리는 항상 이 방법을 따릅니다. 배열에 대해 수행하려는 논리 구현이 무엇이든 해당 논리를 for 루프 안에 넣습니다. 절대적으로 우리는 가장 친한 친구인 For 루프를 사랑합니다. 하지만 이 구문을 제거할 시간입니다.

때로는 주어진 배열을 수정해야 하지만 원래 배열 값을 잃고 싶지는 않습니다. 따라서 이러한 유형의 상황에서 지도 기능이 도움이 될 수 있습니다.

먼저 이전 방법을 살펴보겠습니다.

const persons = [
{ name: ‘kushal’, city: ‘Jalandhar’, distance: 145},
{ name: ‘rahul’, city: ‘amritsar’, distance: 200},
{ name: ‘hemunt’, city: ‘ludhiana’, distance: 100}
]

여기 우리는 person 객체를 포함하는 Persons 배열을 가지고 있고 우리는 킬로미터에 있던 거리를 마일로 변환하려고 합니다.

이전 방법

const convertedDistances = []
for (let i = 0; i < persons.length; i++) {
convertedDistances.push({
…persons[i],
distance: persons[i].distance * 0.621371
})
}

여기서 우리는 배열을 반복하고 수식에 따라 킬로미터를 마일로 변환하고 변환된 거리의 새 배열로 푸시합니다. 지도 기능으로 같은 일을 해봅시다.

새로운 방법

const convertedDistances = persons.map((person)=>
{
…person,
distance: person.distance * 0.621371
}
)

지도를 사용해야 하는 이유
기본 어레이를 변경하지 않아도 됩니다.
원하는 항목을 수정할 수 있습니다.
더 읽기 쉬운 코드를 제공합니다.

참고: For 루프는 맵에서 가장 빠르지만 현재 상황에서는 클라이언트 브라우저에 많은 처리 능력이 있으므로 성능에 그다지 영향을 미치지 않습니다.

이 블로그가 마음에 드셨으면 합니다. 이것은 모든 플랫폼의 첫 번째 블로그 게시물이며 제가 많은 실수를 저질렀다는 것을 알고 있습니다. 저는 항상 피드백을 듣고 싶습니다. 저에게 필요한 것이 있으면 댓글에 적어주세요. 이와 같은 내용을 더 읽고 싶다면 팔로우하세요.