개발공부/JavaScript6 [JS] 배열(3) 내장함수 [JS] 배열(2) 내장함수[JS] 배열(1)자바스크립트에서 배열은 순서가 있는 요소들의 집합으로, 여러 개의 데이터를 하나의 리스트로 묶어서 관리할 수 있는 자료형이다. 객체가 서로 연관된 데이터들을 key-value 형태로zing829.tistory.comconcat()concat 메서드는 두 개 이상의 배열을 하나로 합치는 데 사용한다.let array1 = ["green", "blue"];let array2 = ["purple", "yellow"];console.log(array1.concat(array2)); // ["green", "blue", "purple", "yellow"]기존 배열은 변경되지 않으며, 두 배열을 이어 붙인 새로운 배열을 반환한다. join()join 메서드는 배열의 모든.. 2025. 6. 18. [JS] 배열(2) 내장함수 [JS] 배열(1)자바스크립트에서 배열은 순서가 있는 요소들의 집합으로, 여러 개의 데이터를 하나의 리스트로 묶어서 관리할 수 있는 자료형이다. 객체가 서로 연관된 데이터들을 key-value 형태로 저장했다면,zing829.tistory.com배열은 굉장히 많은 내장 함수(메서드)를 가지고 있다.💡배열을 순회할 때 사용하는 내장함수 forEach()배열의 각 요소를 순회하며 콜백 함수를 실행하는 메서드다. ( 배열에서 for문을 대체해 사용)const arr = ['a', 'b', 'c'];arr.forEach((value, index, array) => { console.log(value, index, array);});value: 현재 처리 중인 요소index (선택): 현재 요소의 인덱스arr.. 2025. 6. 18. [JS] 배열(1) 자바스크립트에서 배열은 순서가 있는 요소들의 집합으로, 여러 개의 데이터를 하나의 리스트로 묶어서 관리할 수 있는 자료형이다. 객체가 서로 연관된 데이터들을 key-value 형태로 저장했다면, 배열은 순서(index)를 기준으로 요소에 접근한다.배열 생성배열은 대괄호 [ ]를 사용하여 생성한다.배열의 요소는 숫자, 문자열, 불리언, 객체, 함수 등 자료형에 관계없이 포함할 수 있다.배열 요소 접근배열은 index를 통해 요소에 접근한다.index는 0부터 시작하며, 대괄호 [] 안에 숫자를 적어 접근한다.const fruits = ['apple', 'banana', 'orange'];console.log(fruits[0]); // appleconsole.log(fruits[2]); // orange배열.. 2025. 6. 18. [JS]콜백함수 콜백 함수(callback function) 란?다른 함수에 매개변수로 전달되어 실행되는 함수를 의미한다.중복된 기능을 콜백 함수로 정리하기const printResult = (a, b) => { let result = a + b; console.log("결과:", result);};const doubleResult = (a, b) => { let result = a + b; console.log("결과에 2를 곱한 값:", result * 2);};printResult(5, 3);doubleResult(5, 3); 위 코드를 보면, a + b를 계산하는 부분이 중복되어 있다.const calculate = (a, b, callback) => { let result = a + b;.. 2025. 6. 18. [JS] 전개연산자 ... 전개 연산자(Spread Operator, ...)란? 배열, 객체, 함수 인자 등을 펼쳐서 개별 요소로 분해하는 JavaScript 문법배열과 객체를 쉽게 복사하거나, 새로운 값을 추가하여 확장할 수 있다.1. 배열에서의 전개 연산자배열의 요소를 개별적으로 펼쳐서 새로운 배열을 만들거나, 기존 배열을 확장할 때 사용된다.(1) 배열 복사 ( 얕은 복사 )전개 연산자를 사용하면 원본 배열을 변경하지 않고 새로운 배열을 만들 수 있다.(배열 안에 객체/ 중첩 배열 제외)arr2 = arr1 을하면 같은 배열을 참조하지만, ...arr1을 사용하면 새로운 배열이 생성된다.const arr1 = [1, 2, 3];const arr2 = [...arr1]; // arr1을 복사console.log(arr2); .. 2025. 3. 12. [JS]구조 분해 할당 배열에서 여러 개의 값을 변수에 할당할 때, 인덱스를 사용하여 할당을 하게 되면 코드가 지저분해지고 길어진다.이럴때 구조 분해 할당을 이용하면 가독성이 좋아지고 짧아진다.구조 분해 할당이란? 배열이나 객체의 요소(값)들을 변수에 쉽게 할당하는 방법으로 배열의 요소들에게 이름을 붙여주는 것과 같다.배열 구조 분해 할당배열은 index 기반으로 값을 가져오기 때문에 대괄호 [ ]를 사용해 변수에 값을 할당한다. (1) 기본적인 배열 구조 할당배열의 구조 분해 할당은 배열의 순서인 index를 기준으로 값을 가져온다.const food = ["apple","tomato","grape"];const [first,second,third] = food;console.log(second); // tomato (2) .. 2025. 3. 6. 이전 1 다음
