ホームページ >ウェブフロントエンド >jsチュートリアル >json配列操作とjqueryでの各トラバーサルサンプルコードの詳細な説明

json配列操作とjqueryでの各トラバーサルサンプルコードの詳細な説明

伊谢尔伦
伊谢尔伦オリジナル
2017-07-17 14:37:591249ブラウズ

jqueryでJSON配列を処理する際にはTraversalがよく使われますが、追加や削除はそれほど多くないようです。

1. 配列の作成

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

2 番目のメソッドは配列を作成して長さを指定しますが、実際には、配列はすべての場合、つまり長さが指定された場合でも可変長であることに注意してください。 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]]]]);//将一个或多个新元素插入到数组的指定位置,插入位置的元素自动后移,返回""。

5. 配列のコピー

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

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

8. 配列要素の文字列化

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

JavaScript 配列

オブジェクトを走査する簡単な jQuery の例。

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

上記のコード スニペットは正常に動作し、予想どおり「apple」、「orange」などのプロンプトを表示します。

質問: JSON 文字列

次の例では、JSON 文字列 (一重引用符または二重引用符で囲まれた) を直接宣言しています。

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

Chrome では、コンソールに次のエラーが表示されます:


Uncaught TypeError: 'in' 演算子を使用して '156' を検索することはできません

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

解決策: JSON 文字列を

JavaScript オブジェクト

に変換します。

これを修正するには、標準の JSON.parse() または jQuery の $.parseJSON を介して JavaScript オブジェクトに変換します。
りー

以上がjson配列操作とjqueryでの各トラバーサルサンプルコードの詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。