>  기사  >  웹 프론트엔드  >  js/jquery가 json 및 배열 형식을 구문 분석하는 방법에 대한 자세한 설명_javascript 기술

js/jquery가 json 및 배열 형식을 구문 분석하는 방법에 대한 자세한 설명_javascript 기술

WBOY
WBOY원래의
2016-05-16 17:04:491004검색

파싱하기 전에 몇 가지 개념을 명확히 해야 합니다. 배열, 연관 배열 및 json 간의 차이점과 접점은 무엇입니까?

1. 개념 소개
1. 배열

구문:
ECMAScript v3은 배열 리터럴의 구문을 지정하고 JavaScript 1.2 및 JScript 3.0에서 이를 구현합니다. 쉼표로 구분된 표현식 목록을 대괄호 안에 넣어 배열을 만들고 초기화할 수 있습니다. 이 표현식의 값은 배열 요소가 됩니다. 예:

var a = [1, true, 'abc'];

자세한 작업은 API를 확인하세요.

ps: 대괄호로 구분해야 합니다.

2. 연관배열

1. 문법:
var myhash= {”key1″:”val1″, “key2″:”val2″ };//obj

2.var
myhash= {key1:”val1″, key2:”val2″};//obj-사용 가능

ps: json 형식과 거의 동일하지만 json 형식 요구 사항이 더 엄격하지만(내부의 키-값 쌍은 큰따옴표를 사용해야 함) 원하는 경우에만 json을 형식 표준으로 사용할 수 있습니다. 이를 작동하려면 연관 배열(Object(obj))로 변환해야 합니다.

2. 간단한 조작
1. 해시 연관 배열에 키 값 추가

//키 값 newval을 사용하여 새 키 newkey를 추가합니다

myhash["newkey"] = "newval";

2. 해시 연관 배열에서 기존 키 값을 삭제합니다

// newkey 키를 삭제함과 동시에 해당 키 값에 해당하는 newval이 사라집니다.
delete myhash[”newkey”];

3. 해시 연관 배열 트래버스

// 전체 해시 배열을 탐색합니다.
for (key in myhash) {
val = myhash[key];
}

4. 가치 획득

방법 1.myhash.key1
방법 2.myhash.key2

3.json
형식 요구 사항:

{”key1″:”val1″, “key2″:”val2″};//엄격히 이 형식을 따르며 연산은 연관 배열의 연산을 기반으로 할 수 있습니다

2. 프론트엔드와 백엔드 상호 작용의 몇 가지 핵심 사항
1. 서버에서 보내는 데이터가 하나의 json이 아닌 여러 개의 json인 경우, 문자열을 조합하려면 배열에 연결하고 연관 배열을 사용해야 합니다
예: var objs = [{ id: 1, name: 'n_1' }, { id: 2, name: 'n_2'}];

2. 처음부터 끝까지 서버가 클라이언트에 제공하는 데이터는 문자열일 뿐이므로 js에서 필요한 작업을 수행할 수 있도록 eval을 통해 js 실행 객체로 변환할 수 있습니다. ().
따라서 jQuey에서 제공하는 $.parseJSON()에는 한계가 있습니다. 위 1에서 언급한 상황이라면 eval()을 사용하여 변환한 후 $.each(objs,function(i ,o)를 사용해야 합니다. ){...}) 작동

3. 구체적인 예시 코드
페이지 코드:

코드 복사 코드는 다음과 같습니다.