serin99
serin 개발 일기
serin99
전체 방문자
오늘
어제
  • 분류 전체보기 (76)
    • FE (25)
      • JavaScript (14)
      • React (6)
      • Web (5)
    • IT (22)
      • [FE] 위클리 페이퍼 (19)
      • CS (2)
    • Project (4)
    • Python (8)
    • DB (2)
    • IoT (14)
      • 라즈베리파이 (9)
      • 아두이노 (4)

태그

  • 프로그래밍
  • 자바스크립트
  • Python
  • 라즈베리파이
  • 부트캠프

인기 글

최근 글

최근 댓글

티스토리

hELLO · Designed By 정상우.
serin99

serin 개발 일기

FE/JavaScript

📖 [JS] 배열 메서드

2024. 7. 19. 23:26
728x90

 

 

배열 메서드는 배열(Array) 객체에서 사용할 수 있는 함수들로,

배열의 요소를 추가, 제거, 정렬, 탐색하는 등의 작업을 수행하는 데 사용됩니다.

자바스크립트에서는 다양한 배열 메서드가 제공되며,

이들은 배열을 조작하고 데이터 처리를 간편하게 해줍니다.

 


 

// 1. push
// 배열의 맨 뒤에 새로운 요소를 추가하는 메서드
let arr1 = [1, 2, 3];

arr1.push(4);
arr1.push(4,5,6,7);

const newLength = arr1.push(4, 5, 6, 7);

console.log(arr1);
console.log(newLength);

 

 

// 2. pop
// 배열의 맨 뒤에 있는 요소를 제거하고, 반환

let arr2 = [1, 2, 3];
const poppedItem = arr2.pop();

console.log(poppedItem);
console.log(arr2);

 

 

// 3. shift
// 배열의 맨 앞에 있는 요소를 제거, 반환

let arr3 = [1, 2, 3];
const shiftItem = arr3.shift();

// 4. unshift
// 배열의 맨 앞에 새로운 요소를 추가하는 메서드
let arr4 = [1, 2, 3];
const newLength2 = arr4.unShift(0);

 

 

// 5. slice
// 마치 가위처럼, 배열의 특정 범위를 잘라내서 새로운 배열로 반환

let arr5 = [1, 2, 3, 4, 5];
let sliced = arr5.slice(2, 5); >> [3, 4, 5]

 

 

// 6. concat
// 두개의 서로 다른 배열을 이어 붙여서 새로운 배열을 반환

let arr6 = [1, 2];
let arr7 = [3, 4];

let concatedArr = arr6.concat(arr7); >> [1, 2, 3, 4]
728x90

'FE > JavaScript' 카테고리의 다른 글

📖 [JS] 배열 변형 메서드  (3) 2024.07.20
📖 [JS] 배열 탐색 메서드  (0) 2024.07.19
📖 [JS] 반복문으로 배열과 객체 순회  (0) 2024.07.19
📖 [JS] Spread 연산자 & Rest 매개변수  (0) 2024.07.19
📖 [JS] 구조 분해 할당  (0) 2024.07.19
    'FE/JavaScript' 카테고리의 다른 글
    • 📖 [JS] 배열 변형 메서드
    • 📖 [JS] 배열 탐색 메서드
    • 📖 [JS] 반복문으로 배열과 객체 순회
    • 📖 [JS] Spread 연산자 & Rest 매개변수
    serin99
    serin99
    FE 개발자가 되기 위해 공부하는 사람

    티스토리툴바