자바스크립트

배열 메소드 (Array methods)

해말그미 2023. 3. 1. 19:31

<arr.splice(n,m) : 특정 요소 지움>

n : 시작

m : 개수

let arr = [1,2,3,4,5];
arr.splice(1,2);

console.log(arr); // [1,4,5]
//2와 3이 지워진다.

arr.splice(n,m,x) : 특정 요소 지우고 추가

let arr = [1,2,3,4,5];
arr.splice(1,3,100,200);

console.log(arr); // [1,100,200,5]
//2,3,4가 지워지고 그 자리에 100,200이 차례대로 들어간다.
let arr = ["나는", "철수", "입니다"];
arr.splice(1,0,"대한민국","소방관" );

//["나는", "대한민국", "소방관", "철수", "입니다"]
0과 1 index사이에 들어간다(0개 삭제니까), 사이에 추가 가능!

arr.splice() : 삭제된 요소 반환 

let arr = [1,2,3,4,5];
let result = arr.splice(1,2);

console.log(arr); // [1,4,5]
console.log(result); // [2,3]

<arr.slice(n,m) :  어떤 배열의 begin부터 end까지(end미포함)에 대한 복사>

const animals = ['ant', 'bison', 'camel', 'duck', 'elephant'];

console.log(animals.slice(2));
// Expected output: Array ["camel", "duck", "elephant"]

console.log(animals.slice(2, 4));
// Expected output: Array ["camel", "duck"] // slice 는 end 인덱스를 제외하고 추출합니다. 배열에서 마지막 두 개의 엘리먼트를 추출합니다.

console.log(animals.slice(1, 5));
// Expected output: Array ["bison", "camel", "duck", "elephant"]

console.log(animals.slice(-2));
// Expected output: Array ["duck", "elephant"]  //음수 인덱스는 배열의 끝에서부터의 길이를 나타냅니다.

console.log(animals.slice(2, -1));
// Expected output: Array ["camel", "duck"] // slice 는 end 인덱스를 제외하고 추출합니다. 세번째부터 끝에서 두번째 요소까지 추출합니다.

console.log(animals.slice());
// Expected output: Array ["ant", "bison", "camel", "duck", "elephant"] //배열이 복사

<arr.concat(arr2,arr3...) : 합쳐서 새배열 반환>

const array1 = ['a', 'b', 'c'];
const array2 = ['d', 'e', 'f'];
const array3 = array1.concat(array2);

console.log(array3);
// Expected output: Array ["a", "b", "c", "d", "e", "f"]

<Array.isArray() : 인자가 Array인지 판별합니다>

    Array.isArray([1, 2, 3]);  // true
    Array.isArray({foo: 123}); // false
    Array.isArray('foobar');   // false
    Array.isArray(undefined);  // false

<Array.join() : 배열의 모든 요소를 연결해 하나의 문자열로 만든다>

const elements = ['Fire', 'Air', 'Water'];

console.log(elements.join());
// Expected output: "Fire,Air,Water"

console.log(elements.join(''));
// Expected output: "FireAirWater"

console.log(elements.join('-'));
// Expected output: "Fire-Air-Water"