047_자바스크립트 배열 요소 추가하기 [적용] 배열에 요소를 추가하고 싶을 때 요소를 배열의 처음 혹은 마지막 부분에 추가하고 싶을 때 [문법] 메소드 의미 반환 배열.unshift(요소1, 요소2, ...) 배열 첫 위치에 요소를 추가 숫자(요소 전체 개수) 배열.push(요소1, 요소, ...) 배열 마지막 위치에 요소를 추가 숫자(요소 전체 개수) [내용] unshift()와 push()는 초기화 이후 배열에 요소를 추가로 삽입할 때 사용한다. 반환값은 추가된 요소를 포함한 배열 전체 요소의 개수이며, 수의 제한은 없다. const array1 = ['사과', '귤']; array1.unshift('바나나'); // '바나나'를 배열 첫 위치에 추가 console.log(array1); // 결과..

046_자바스크립트 배열(Array) 요소 다루기 [적용 1] 배열 요소의 데이터를 처리하고 싶을 때 [문법] 구문 의미 배열.forEach(콜백함수) 배열의 요소 데이터 콜백 함수로 실행 ([요소*], [인덱스*], [기존배열*]) => { } 요소, 인덱스, 기존 배열을 사용해 처리 * 생략 가능 [내용] 여러 데이터를 다루는 배열은 루프 처리, 반복 처리 등 각 요소를 일괄적으로 처리하는 경우가 많다. forEach()는 주어진 콜백(Callback) 함수를 사용해 배열의 요소를 순서대로 처리한다. 콜백 함수는 해당 요소 데이터, 인덱스, 기존 배열 정보를 가져온다. 콜백 함수에서 인덱스와 기존 배열 정보는 생략할 수 있다. const array = ['딸기', '귤', '사과']; array.fo..

045_자바스크립트 배열(Array) 길이(갯수) 확인하기 [적용] 배열 데이터 요소의 길이(갯수)를 확인하고 싶을 때 특정 JSON 데이터 요소의 수(갯수)를 확인하고 싶을 때 [문법] 속성 의미 반환 배열.length 배열의 길이(갯수)를 반환 숫자 [내용] 배열 요소의 데이터 길이(갯)수를 확인하기 위해서는 length 속성을 이용한다. const array1 = ['곰', '여우', '사자']; console.log(array1.length); // 결과: 3 const array2 = [{ id: 1, name: '사과' }, { id: 2, name: '배' }]; console.log(array2.length); // 결과: 2 참조 : 실무에 바로 적용하는 자바스크립트 코드레시피 278 아..