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

[ 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,변화데이터);

답글쓰기 전체목록

이 포스트 공유하기

  • 페이스북에 공유하기
  • 트위터에 공유하기
  • 네이버 블로그 카페에 공유하기
  • 네이버 밴드에 공유하기

코멘트 쓰기

코멘트를 입력해주세요
LOGIN JOIN