json 배열 작업에 대한 자세한 설명과 jquery의 각 순회 예제 코드

Traversal은 jquery에서 JSON 배열을 처리할 때 더 많이 사용되지만, 이를 추가하고 제거하는 것은 그리 많지 않은 것 같습니다.

1. 배열 생성

var arrayObj = new Array();　//创建一个数组 
var arrayObj = new Array([size]);　//创建一个数组并指定长度，注意不是上限，是长度 
var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]);　//创建一个数组并赋值

두 번째 방법은 배열을 생성하고 길이를 지정하지만 실제로 배열은 모든 경우에 가변 길이입니다. 즉, 길이를 지정하더라도 5인 경우에도 지정된 길이를 벗어난 요소를 저장할 수 있습니다. 참고: 그에 따라 길이가 변경됩니다.
2. 배열 요소에 액세스

var testGetArrValue=arrayObj[1]; //获取数组的元素值 
arrayObj[1]= "这是新值"; //给数组元素赋予新的值

3. 배열 요소 추가

arrayObj. push([item1 [item2 [. . . [itemN ]]]]);// 将一个或多个新元素添加到数组结尾，并返回数组新长度 
arrayObj.unshift([item1 [item2 [. . . [itemN ]]]]);// 将一个或多个新元素添加到数组开始，数组中的元素自动后移，返回数组新长度 
arrayObj.splice(insertPos,0,[item1[, item2[, . . . [,itemN]]]]);//将一个或多个新元素插入到数组的指定位置，插入位置的元素自动后移，返回""。

4. 배열 요소 삭제

arrayObj.pop(); //移除最后一个元素并返回该元素值 
arrayObj.shift(); //移除最前一个元素并返回该元素值，数组中元素自动前移 
arrayObj.splice(deletePos,deleteCount); //删除从指定位置deletePos开始的指定数量deleteCount的元素，数组形式返回所移除的元素

6. 배열 복사

arrayObj.slice(start, [end]); //以数组的形式返回数组的一部分，注意不包括 end 对应的元素，如果省略 end 将复制 start 之后的所有元素 
arrayObj.concat([item1[, item2[, . . . [,itemN]]]]); //将多个数组（也可以是字符串，或者是数组和字符串的混合）连接为一个数组，返回连接好的新的数组

7. 배열 요소

arrayObj.slice(0); //返回数组的拷贝数组，注意是一个新的数组，不是指向 
arrayObj.concat(); //返回数组的拷贝数组，注意是一个新的数组，不是指向

8 배열 요소의 문자열화

arrayObj.reverse(); //反转元素（最前的排到最后、最后的排到最前），返回数组地址 
arrayObj.sort(); //对数组元素排序，返回数组地址

JavaScript 배열

개체를 탐색하는 간단한 jQuery 예제입니다.

arrayObj.join(separator); //返回字符串，这个字符串将数组的每一个元素值连接在一起，中间用 separator 隔开。 
toLocaleString 、toString 、valueOf：可以看作是join的特殊用法，不常用

위의 코드 조각은 정상적으로 작동하며 예상대로 "apple", "orange"…등을 표시합니다. 질문: JSON 문자열

다음 예에서는 JSON 문자열(작은따옴표 또는 큰따옴표로 묶음)을 직접 선언합니다.

var json = [
{"id":"1","tagName":"apple"},
{"id":"2","tagName":"orange"},
{"id":"3","tagName":"banana"},
{"id":"4","tagName":"watermelon"},
{"id":"5","tagName":"pineapple"}
];
 
$.each(json, function(idx, obj) {
alert(obj.tagName);
});

Chrome에서는 콘솔에 다음 오류가 표시됩니다.

Uncaught TypeError: Cannot use 'in' 연산자를 사용하여 '156'을 검색

in [{"id":"1","tagName":" apple "}...

해결책: JSON 문자열을

JavaScript 개체
로 변환합니다.

이 문제를 해결하려면 표준 JSON.parse() 또는 jQuery의 $.parseJSON을 통해 JavaScript 개체로 변환하세요.

var json = '[{"id":"1","tagName":"apple"},{"id":"2","tagName":"orange"},
{"id":"3","tagName":"banana"},{"id":"4","tagName":"watermelon"},
{"id":"5","tagName":"pineapple"}]';
 
$.each(json, function(idx, obj) {
alert(obj.tagName);
});

위 내용은 json 배열 작업에 대한 자세한 설명과 jquery의 각 순회 예제 코드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!