관리 메뉴

Life goes slowly...

[JS] 배열(Array) 추가 함수 - push(), unshift(), slice() 함수 본문

프로그래밍/Javascript

[JS] 배열(Array) 추가 함수 - push(), unshift(), slice() 함수

빨강소 2020. 9. 27. 00:52
728x90
반응형

 

JavaScript의 Array(배열)는 자바스크립트에서 데이터를 처리할 때 가장 폭넓게 사용되고 있는 데이터의 타입 중 하나이며 손쉽게 배열을 추가하거나 삭제를 하는 다양한 조작 함수들을 제공하고 있습니다.

Javascript에서 배열(Array)에서 새로운 Value 값을 추가할 때 사용하는 push(), unshift(), slice() 함수들이 있습니다.

사용하는 함수에 따라서 배열의 앞이나 뒤에 추가를 할 수 있습니다.

 

JavaScript의 push() 함수

JavaScript의 push()함수는 Array(배열)의 마지막에 새로운 요소를 추가하고 난후 변경된 배열의 길이를 반환하는 함수입니다.

Array(배열)의 끝에 Value 값을 추가하는 함수입니다. Array(배열)의 끝에 하나 또는 그 이상의 엘리먼트를 추가하고 배열의 변경된 길이를 반환하는 함수입니다.

var arrayTest = ['가','나','다'];
arrayTest.push('라');

console.log(arrayTest);
['가','나','다','라']

 

JavaScript의 unshift() 함수

JavaScript의 unshift() 함수는 Array(배열)의 첫 번째 자리에 새로운 요소를 추가하고 난후 변경된 배열의 길이를 반환하는 함수입니다.

Array(배열)의 처음 앞에 Value 값을 추가하는 함수입니다. Array(배열)의 처음 앞에 하나 또는 그 이상의 엘리먼트를 추가하고 배열의 변경된 길이를 반환하는 함수입니다.

var arrayTest = ['가','나','다'];
arrayTest.unshift('라');

console.log(arrayTest);
['라','가','나','다']

 

JavaScript의 slice() 함수

JavaScript의 Slice() 함수는 Array(배열) Data를 새롭게 복제하여 반환하는 함수입니다. 원본 Array(배열)은 수정되지 않습니다.

원본의 Array(배열) Data 중에 일부만 복제하여 반환 또한 가능합니다.

var array1 = ['가','나','다','라','마'];
var array2 = array1.slice();
var array3 = array1.slice(1,3);
var array4 = array1.slice(-1);

console.log("array1 :",array1);
console.log("array2 :",array2);
console.log("array3 :",array3);
console.log("array4 :",array4);

"array1 :", ["가", "나", "다", "라", "마"]
"array2 :", ["가", "나", "다", "라", "마"]
"array3 :", ["나", "다"]
"array4 :", ["마"]

 

728x90
반응형
Comments