ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript で JSON オブジェクトを操作し、追加、削除、変更を行う簡単な実装

JavaScript で JSON オブジェクトを操作し、追加、削除、変更を行う簡単な実装

韦小宝
リリース: 2017-11-29 11:46:39
オリジナル
2463 人が閲覧しました

JavaScriptでJSONobjectを操作し、deleteを追加して簡単な実装を修正してみます。JavaScriptによるjsonの操作を見てみましょう。 ! JavaScript で JSON オブジェクトを操作し、追加、削除、変更します。詳細についてはコードを参照してください

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

<script type="text/javascript">

  var jsonObj2 = { teacher: [

    { name: "jordan", sex: "m", age: "40" },

    { name: "bryant", sex: "m", age: "28" },

    { name: "McGrady", sex: "m", age: "27" }

  ]};

 

  var jsonObj2New = {};

  $("#btn").click(function () {

    //invoke the update

    updateData("jordan");

    var persons = jsonObj2.teacher;

    for (var i = 0; i < persons.length; i++) {

      var cur_person = persons[i];

      alert(cur_person.sex);

    }

 

    //invoke the delete

    deleteData("jordan");

    var persons = jsonObj2.teacher;

    for (var i = 0; i < persons.length; i++) {

      var cur_person = persons[i];

      alert(cur_person.sex);

    }

 

    //push

    var temp = { name: "kenny", sex: "m", age: "25" };

    jsonObj2.teacher.push(temp);

 

    var persons = jsonObj2.teacher;

    for (var i = 0; i < persons.length; i++) {

      var cur_person = persons[i];

      alert(cur_person.name);

    }

 

  });

 

  function updateData(name) {

    var persons = jsonObj2.teacher;

    //alert(name);

    for (var i = 0; i < persons.length; i++) {

      var cur_person = persons[i];

      if (cur_person.name == name) {

        persons[i].sex = "f";

      }

    }

  }

 

  function deleteData(name) {

    var persons = jsonObj2.teacher;

    //alert(name);

    for (var i = 0; i < persons.length; i++) {

      var cur_person = persons[i];

      if (cur_person.name == name) {

        jsonObj2.teacher.splice(i, 1);

      }

    }

  }

  </script>

ログイン後にコピー

上記は、JavaScript で JSON オブジェクトを操作し、追加、削除、変更する簡単な実装の内容です。情報はこのサイト

検索

にアクセスしてください!

関連する推奨事項:

JavaScriptを使用して疑似クラススタイルを変更する方法

JavaScript例外を処理する方法

JavaScriptの追加、削除、および変更のチェック

以上がJavaScript で JSON オブジェクトを操作し、追加、削除、変更を行う簡単な実装の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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