ホームページ > ウェブフロントエンド > jsチュートリアル > json形式でデータを追加、削除、並べ替えるメソッド_javascriptスキル

json形式でデータを追加、削除、並べ替えるメソッド_javascriptスキル

WBOY
リリース: 2016-05-16 15:18:54
オリジナル
1597 人が閲覧しました

この記事の例では、json 形式のデータの追加、削除、並べ替え方法を説明します。参考のために皆さんと共有してください。詳細は次のとおりです:

JS データ形式と json データ形式にはそれぞれ独自の用途があります。js 自体には配列とオブジェクトに対する制限が多いため、個人的には json の方が便利です。

js 配列を例に挙げます:

var a = ['1'];
a[5] = 52;
a.length //这儿的结果是6,也就是说,中间的key会自动补全,而值呢,是undefined

ログイン後にコピー

1.

の追加と削除

1. 1 次元配列

test = {}; //空json对像
test['firstname'] = "tank"; //添加二个元素
test['lastname'] = "zhang";
console.log(test); //查看
delete test['lastname']; //删除json中的某个元素
console.log(test);

ログイン後にコピー

2. 2 次元配列

test1 = [{"name":"tank","total":"100"},{"name":"zhang","total":"23"},{"name":"hao","total":"325"}];
add = {"name":"may"};
test1.push(add); //添加一个元素
console.log(test1);
delete test1[2]; //删除一个元素
console.log(test1);

ログイン後にコピー

2. 並べ替え

1. 1 次元配列

test = ["100","23","325"]; //定义个数组
function sortNumber(a,b) //定义排序方法
{
   return a - b
}
test1_sort=test.sort(sortNumber);
console.log(test1_sort);

ログイン後にコピー

2. 2 次元配列

test1 = [{"name":"tank","total":"100"},{"name":"zhang","total":"23"},{"name":"hao","total":"325"}];
sort_by = function(field, reverse, primer){ //定义排序方法
  var key = primer ?
    function(x) {return primer(x[field])} :
    function(x) {return x[field]};
  reverse = [-1, 1][+!!reverse];
  return function (a, b) {
    return a = key(a), b = key(b), reverse * ((a > b) - (b > a));
   }
}
test1_sort=test1.sort(sort_by('total', true, parseInt)); //根据total,升序排
console.log(test1_sort);
test1_sort=test1.sort(sort_by('name', false, '')); //根据name,倒序排
console.log(test1_sort);

ログイン後にコピー

些細な問題のように思えますが、長期間使用しないと錆びたり、忘れてしまったりします。

さらに json 関連のコンテンツに興味のある読者は、このサイトの特別トピック「JavaScript での json 操作スキルの概要」および「JavaScript での json データ操作スキルの概要」を参照してください。 jQuery"

この記事が JavaScript プログラミングのすべての人に役立つことを願っています。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート