1. 程式人生 > >JavaScript 小白學習筆記(4)----(詳解)json格式的資料

JavaScript 小白學習筆記(4)----(詳解)json格式的資料


json格式的資料:

    <1>一般都是成對出現的, 是鍵值對。

    <2>json也是一個物件,無論是鍵還是值,都是用雙引號引起來的。

  •     下面的json["屬性名"]相當於是json.屬性名。    同理,json["方法名"]相當於json.方法名。
  •     這個語法上篇我們已經提到過了,再加個()括號就是呼叫這個方法(函式)。
<script>

    var json = {
    	"name": "小明",  //鍵值分別用雙引號引起來
        "height": "180",
        "weight": "140",

        "show": function ()
        {
            console.log(json["name"] + "同學的身高是" + json["height"]);
		}
    };

    json["show"]();  //json["show"]相當於是json.show
</script>

json格式資料的遍歷:

    <1>用for in來遍歷


  •     key裡面儲存的是物件的屬性名字 如:"name" "height"。
  •    直接輸出key就是輸出物件的屬性名字。當輸出物件屬性的值時候,一般都會json.屬性名,但是這裡輸出json.key,結果為undefined,因為這相當於是輸出一個沒有新增的屬性。
<script>

    var json = {
    	"name": "小明",  //鍵值分別用雙引號引起來
        "height": "180",
        "weight": "140",

        "show": function ()
        {
            console.log(json["name"] + "同學的身高是" + json["height"]);
		}
    };

    /*遍歷物件*/
    for(var key in json) //key裡面儲存的是物件的屬性名字 如:"name" "height"
    {

		/*直接輸出key就是輸出物件的屬性名字。
		* 當輸出物件屬性的值時候,一般都會json.屬性名,
		* 但是這裡輸出json.key,結果為undefined,因為這相當於是輸出一個沒有新增的屬性
		* */
    	console.log(key + "--------" + json[key]);
    }
</script>

輸出結果為:


有什麼問題歡迎留言!~~~~

相關推薦

JavaScript 學習筆記(4)----()json格式資料

json格式的資料:    <1>一般都是成對出現的, 是鍵值對。    <2>json也是一個物件,無論是鍵還是值,都是用雙引號引起來的。    下面的json["屬性名"]相

Centos7.2安裝全過程(

安裝centos7 大內存 cee 環境 dvd term bfc 步驟 fad Centos7手動環境安裝步驟:萬事開頭難,全手動安裝今天抽空整理一下全手動安裝centos7.2,大神略過,僅供小白參考備註:虛擬機模擬安裝步驟 網絡:172.16.100.1IP:172.

python學習筆記(廖老師)10.1

day3: 一、呼叫函式 1.可以直接從Python的官方網站檢視文件: 也可以在互動式命令列通過help(abs)檢視abs函式的幫助資訊。 2.呼叫函式的時候,如果傳入的引數不對,會報TypeError的錯誤。 3.常用函式——資料型別轉換 >&g

python學習筆記(廖老師)10.3

day4: 一、切片 即取指定索引範圍的操作 L[0:3]表示,從索引0開始取,直到索引3為止,但不包括索引3。即索引0,1,2,正好是3個元素。 如果第一個索引是0,還可以省略 二、迭代 當我們使用for迴圈時,只要作用於一個可迭代物件,for迴圈就可以正常

python提取路徑名稱,最後一個正斜槓後邊圖片名稱(加字尾)字串(python學習筆記五)

爬取京東圖片的時候,遇到了一個問題,假如需要把圖片儲存進去資料庫,需要把圖片路徑和圖片名稱儲存進去資料庫,但是圖片路徑是正斜槓,如下:/img11.360buyimg.com/n7/jfs/t25855/259/1224767986/141142/af393ca6/5b8e3

之KMP演算法及python實現

在看子串匹配問題的時候,書上的關於KMP的演算法的介紹總是理解不了。看了一遍程式碼總是很快的忘掉,後來決定好好分解一下KMP演算法,算是給自己加深印象。 ------------------------- 分割線-------------------------------

javascript學習指南1

引言: 做為一名程式設計師,都是真心的想把自己的東西分享出來,供大家一起學習探討,一起提高技能,一起漲工資,呵   這一系列的文章都是關於Javascript 基礎的 當然文章當中穿插了些我自己的理解

javascript學習指南2

 好啦 好啦 ,美女看夠了,我們開始繼續上一次講的內容把(上一節的內容)   控制語句:    首先我先給大家總結一下在javascript中一共有 9 種控制語句它們分別是  if 語句do-w

lua學習筆記lua堆疊

1. Lua的堆疊和全域性表 我們來簡單解釋一下Lua的堆疊和全域性表,堆疊大家應該會比較熟悉,它主要是用來讓C++和Lua通訊的,是的,它們並不認識對方,只能通過堆疊來溝通,就像寫信一樣。 (旁白:它們不會用微信嗎?!微信~!不知道?) Lua的全域性表又

關於視覺SLAM的一些常識(純學習筆記

本文只是小白對於視覺slam的一個非常泛的介紹,對於視覺slam中的數學運算均沒有提及,適合於對沒有接觸過視覺slam的新人進行一個簡單的科普。作者即小白,文章如有錯誤,非常非常非常歡迎指正!(重要的事說三遍)注:文中相機模型圖片借用了高翔博士的ppt內容視覺slam從根本上

java idea 學習筆記

1 。常識類       IDEA中多行註釋及取消註釋快捷鍵      1)、一次性新增多行註釋的快捷鍵首先選中要註釋區域,然後ctrl+/        這個是多行程式碼分行註釋,每行一個註釋符號             ctrl+shift+/    這個是多行程式

【C++學習筆記C++中的三種智慧指標

一、簡介 由於 C++ 語言沒有垃圾回收機制,程式設計師每次 new出來的記憶體都要手動 delete。程式設計師忘記 delete,有可能就會造成記憶體洩漏,程式崩潰等嚴重的後果。用智慧指標便可以有效緩解這類問題,本文主要講解常見的智慧指標的用法。包括:s

滴滴系列》-線程和進程(學習,內容均參考網絡資料

多個 系統 資料 搶占式 線程 並發 強制 資源 資源分配 1、進程就是操作系統將資源分配成一塊一塊的內存 2、線程就是在進程中運行的多個程序 3、線程是程序運行的最小單位,而進程則是分配資源的最小單位。 4、一個進程可以有多個線程 5、任務調度:采取時間片輪轉搶占式執行,

python學習筆記4:將list陣列資料報存到csv

1. import numpy as np np.savetxt('E:\\forpython\\featvector.csv',data_to_save,delimiter=',') 2. import pandas as pd list=[[1,2,3],[4,5,6],[7,9,9

程序學習筆記二:頁面文件之 .json文件

fresh 小程序 整體 屬性 spa hit rbac style mdi 頁面配置文件—— pageName.json 每一個小程序頁面可以使用.json文件來對本頁面的窗口表現進行配置,頁面中配置項會覆蓋 app.json 的 window 中相同的配置

微信程式開發筆記4—— IntersectionObserver 用法

看微信文件時看到這個很有趣的api,但是官方的文件和例子關於這個api的介紹都是很讓人失望的,所以花了點時間瞭解了以下這個方法,做個記錄,供參考。 簡介 首先,我的理解是,這是一個觀察器(廢話),它用來監測目標物件與某個參照物的相交情況。什麼是相交情況?通俗的說,就是兩個區域有重

TCP-IP卷1:協議 學習筆記(4) ARP

參考:TCP-IP詳解卷1:協議 ARP(地址解析協議)和RARP(逆地址解析協議) ARP為IP地址到對應的硬體地址之間提供動態對映,這個過程是自動完成的,一般應用程式使用者或者系統管理員不必關心。 RARP是被那些沒有磁碟驅動器的系統使用(一般是無盤工作站或X終端),需

web前端學習(四)JavaScript學習筆記部分(7)-- JavaScript DOM物件控制HTML元素

1、方法 getElementsByName() 獲取name 可以獲取一個數組型別資料(引數加引號) getElementsByTagName() 獲取元素   getAttribute()

Spark計算Pi執行過程---Spark學習筆記4

上回運行了一個計算Pi的例子 那麼Spark究竟是怎麼執行的呢? 我們來看一下指令碼 #!/bin/sh export YARN_CONF_DIR=/home/victor/software/hadoop-2.2.0/etc/hadoop SPARK_JAR=./ass

【幹貨】JavaScript DOM編程藝術學習筆記4-6

ext 屬性節點 另一個 機器 rep lin bsp 每次 增加 四、案例研究:JavaScript圖片庫 js: function showPic(whichpic){ //取得鏈接 var source=whichpic.getAttribute("hr