프리랜서 웹디자이너 웹퍼블리셔RELATION

RELATION 로고

DEV

[ vscode] vue 배열 데이터의 추가, 수정, 삭제

2024.09.28
북마크 작성자 정보
vue.js 에서는 배열의 데이터의 추가나 삭제는 javascript Array의 push(), splice() 를 사용

배열의 끝에 데이터를 추가
배열.push(추가데이터);

배열의 중간에 데이더를 추가
배열.splice(지정위치,0, 추가데이터)

배열의 중간데이터를 삭제
배열명.splice(지정위치, 1)


vue에서 배열의 데이터를 사용할때 주의할 점은 값을 바꿀때도 splice() 메소드를 사용하는 부분입니다. 
javascript 배열에서 값을 수정하는 방법
var myArray = [1,2,3,4,5];
myArray[0] = 100;

vue에서 값을 수정하는 방법
var myArray = [1,2,3,4,5];
myArray.splice(0,1,100);

배열명.splice(0,1,변화데이터);

이 포스트 공유하기

답글쓰기 전체목록