본문 바로가기

Programming/JavaScript

[JavaScript] Array 메소드 - map() 자바스크립트를 하는 사람이라면 map()은 꼭 알아야 하는 메소드 중 하나입니다. map() 메서드는 원래 배열의 각 요소에 주어진 함수를 적용하여 새 배열을 만드는 자바스크립트의 내장 배열 메서드 입니다. map() 메서드는 원래 배열을 수정하지 않습니다. array.map(function(currentValue, index, arr), thisValue) map()메소드 사용 시 다음의 2개의 파라미터를 적용 시켜야 합니다. - function: 배열의 각 요소에 적용할 함수입니다. currentValue: 처리 중인 현재 요소의 값 index: 처리 중인 현재 요소의 값 arr: map() 메서드가 호출된 원래 배열 - thisValue: 선택 사항으로 함수를 실행할 때 이 값으로 전달할 값입니다... 더보기
[JavaScript ]Object Array 메소드 push / pop / shift / unshift 배열은 실무에서도 정말 많이 사용하는 데이터 구조이며 익숙해 지는 것이 중요합니다. 그 중에서도 집중해서 연습해봐야 하는 것은 object를 담고 있는 array 입니다. const emojis = [ {name: '호랑이', emoji:'🐅'}, {name: '토끼', emoji:'🐇'}, {name: '용', emoji:'🐉'}, {name: '고양이', emoji:'🐈'} ]; 1. push() - 배열 끝에 하나 이상의 요소를 추가하고 배열의 새 길이를 반환합니다. emojis.push({name: '소', emoji:'🐄'}); console.log(emojis); /* 결과 {name: '호랑이', emoji:'🐅'}, {name: '토끼', emoji:'🐇'}, {name: '용', emoj.. 더보기
[JavaScript] Array 메소드 (push / pop / shift / unshift) 배열은 자바스크립트에서 가장 기본적인 데이터 구조 중 하나이며, 데이터를 저장하고 조작하는데 사용됩니다. 이 블로그에서는 자바스크립트에서 가장 일반적으로 사용되는 배열 방법에 대해 확인할 예정입니다. 1. push() - 배열 끝에 하나 이상의 요소를 추가하고 배열의 새 길이를 반환합니다. const arr = ['🐅','🐇','🐉', '🐈']; arr.push('🐄'); console.log(arr); // 결과 ['🐅','🐇','🐉', '🐈','🐄'] 2. pop() - 배열에서 마지막 요소를 제거하고 해당요소를 반환합니다. const arr = ['🐅','🐇','🐉', '🐈']; arr.pop(); console.log(arr); // 결과:[ '🐅','🐇','🐉'] 3.shift() - 배열에서 .. 더보기