JavaScript에서 배열에 객체 추가
이 튜토리얼에서는 JavaScript에서 할당 연산자와push()함수를 사용하여 배열에 항목과 객체를 추가하는 방법에 대해 설명합니다.
JavaScript에서 할당 연산자를 사용하여 배열에 항목 및 개체 추가
배열에 항목과 객체를 추가하려면 JavaScript에서 할당 연산자를 사용할 수 있습니다. 인덱스를 사용하여 항목 또는 개체를 배치하려는 배열 내부의 위치를 정의해야합니다. 기존 항목이 이미 정의 된 인덱스를 차지하고있는 경우 해당 항목은 새 항목 또는 개체로 대체됩니다. 예를 들어 세 개의 값이있는 배열을 만들고 할당 연산자를 사용하여 배열 끝에 항목을 추가해 보겠습니다. 아래 코드를 참조하십시오.
var myArray = ['one', 'two', 'three'];
myArray[3] = 'four';
console.log(myArray)
출력:
["one", "two", "three", "four"]
위 코드에서myArray의 인덱스 3에four항목을 추가했습니다. 인덱스를 사용하여 배열에있는 항목을 바꿀 수도 있습니다. 이제 배열에 객체를 추가해 보겠습니다. 아래 코드를 참조하십시오.
var myArray = ['one', 'two', 'three'];
var myArray2 = ['four', 'five']
myArray[3] = myArray2;
console.log(myArray)
출력:
["one", "two", "three", Array(2)]
위의 코드에서 배열 객체myArray2를 인덱스 3의 배열myArray에 추가했습니다. 할당 연산자를 사용하여 배열에 모든 데이터 유형의 객체를 추가 할 수 있습니다.
JavaScript에서push()함수를 사용하여 항목 및 객체를 배열에 추가
항목과 객체를 배열에 추가하려면 JavaScript에서push()함수를 사용할 수 있습니다. push()함수는 배열 끝에 항목이나 객체를 추가합니다. 예를 들어, 세 개의 값이있는 배열을 만들고push()함수를 사용하여 배열 끝에 항목을 추가해 보겠습니다. 아래 코드를 참조하십시오.
var myArray = ['one', 'two', 'three'];
myArray.push('four');
console.log(myArray)
출력:
["one", "two", "three", "four"]
위 코드에서myArray끝에four항목을 추가했습니다. 이제push()함수를 사용하여 배열에 객체를 추가해 보겠습니다. 아래 코드를 참조하십시오.
var myArray = ['one', 'two', 'three'];
var myArray2 = ['four', 'five']
myArray.push(myArray2);
console.log(myArray)
출력:
["one", "two", "three", Array(2)]
위의 코드에서 배열 객체myArray2를 끝에myArray배열에 추가했습니다. push()함수를 사용하여 모든 데이터 유형의 객체를 배열에 추가 할 수 있습니다. 쉼표로 구분 된push()함수에 값을 추가하여 배열에 여러 값을 추가 할 수도 있습니다. 배열의 시작 부분에 항목이나 객체를 추가하려면unshift()함수를 사용할 수 있습니다. 예를 들어,myArray배열의 시작 부분에four항목을 추가해 보겠습니다. 아래 코드를 참조하십시오.
var myArray = ['one', 'two', 'three'];
myArray.unshift('four');
console.log(myArray)
출력:
["four", "one", "two", "three"]
출력에서 볼 수 있듯이 항목four가 배열의 시작 부분에 추가됩니다. 배열 객체를 추가하는 대신push.apply()함수를 사용하여 모든 항목을 추가 할 수 있습니다. 예를 들어 한 배열에있는 항목을 다른 배열에 추가해 보겠습니다. 아래 코드를 참조하십시오.
var myArray = ['one', 'two', 'three'];
var myArray2 = ['four', 'five']
myArray.push.apply(myArray, myArray2);
console.log(myArray)
출력:
["one", "two", "three", "four", "five"]
출력에서 볼 수 있듯이myArray2에있는 두 항목이myArray에 추가되었습니다. concat()함수를 사용하여 두 배열을 연결하여 다른 배열을 만들 수도 있습니다. 예를 들어concat()함수를 사용하여 두 개의 기존 배열을 연결하여 배열을 생성 해 보겠습니다. 아래 코드를 참조하십시오.
var myArray = ['one', 'two', 'three'];
var myArray2 = ['four', 'five'];
var myArray3 = myArray.concat(myArray2);;
console.log(myArray3)
출력:
["four", "five", "one", "two", "three"]
연결 순서를 변경하여myArray3에있는 항목의 순서를 변경할 수 있습니다.
