WeChat 애플릿 배열(추가, 삭제, 수정, 확인) 및 기타 작업 예제에 대한 자세한 설명

高洛峰
풀어 주다: 2018-05-19 16:31:11
원래의
30357명이 탐색했습니다.

WeChat 미니 프로그램 배열(추가, 삭제, 수정, 확인) 및 기타 작업

현재 미니 프로그램 데모 작업 중입니다. 데이터는 백그라운드에서 요청되지 않기 때문에 로컬 데이터의 작동과 관련되며 몇 가지 함정에 직면합니다. 이 기사에서는 초보자와 몇 가지 경험을 공유하기 위해 배열의 추가, 삭제, 수정 및 쿼리를 예로 들었습니다.

微信小程序 数组(增,删,改,查)等操作实例详解

우선 원본 데이터인 json 배열입니다.

데이터 작업과 동시에 페이지에 렌더링하려고 합니다.

1. 데이터 추가

微信小程序 数组(增,删,改,查)等操作实例详解

微信小程序 数组(增,删,改,查)等操作实例详解

微信小程序 数组(增,删,改,查)等操作实例详解

마지막으로, 객체를 직접 조립한 다음 push() 메서드를 통해 데이터 조각을 추가합니다. 푸시된 데이터의 인덱스는 +1입니다. 이는 배열의 원래 인덱스가 0, 1, 2임을 의미합니다. 새로 추가된 것은 3개입니다. 등등.

앞에 데이터를 삽입하려면 배열 병합 작업을 사용해야 합니다. concat() 메서드는 newarray.concat( 참고);.

2. 데이터 삭제

微信小程序 数组(增,删,改,查)等操作实例详解

애플릿에는 삭제 방법이 없는 것 같아 삭제 방법도 분할 방법을 선택했습니다. 내가 만난 구덩이. Notes.splice(id,i)는 index가 id인 위치부터 i 요소를 삭제할 수 있습니다. 이는 코드를 보면 알 수 있습니다.

3 . 데이터 수정

notes = obj可以把数组中index为i的元素设置为obj。
로그인 후 복사

微信小程序 数组(增,删,改,查)等操作实例详解

微信小程序 数组(增,删,改,查)等操作实例详解

微信小程序 数组(增,删,改,查)等操作实例详解

마지막으로 페이지를 렌더링하려는 경우 데이터를 수정하려면 setData 메소드를 사용하는 것을 기억해야 합니다.

this.setData({    notes:notes })
로그인 후 복사

그런데, js의 배열 연산 방식 목록은 다음과 같습니다. 직접 시도해 볼 수 있습니다.

微信小程序 数组(增,删,改,查)等操作实例详解

위챗 애플릿 배열(추가, 삭제, 수정, 확인)의 자세한 동작 예시와 기타 관련 글은 PHP 중국어 홈페이지를 참고해주세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿