> 웹 프론트엔드 > JS 튜토리얼 > json 배열 작업에 대한 자세한 설명과 jquery의 각 순회 예제 코드

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

伊谢尔伦
풀어 주다: 2017-07-17 14:37:59
원래의
1259명이 탐색했습니다.

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. 배열 요소 삭제

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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