1. 程式人生 > >javascript json物件小技巧 鍵名作為變數

javascript json物件小技巧 鍵名作為變數

有時候在專案開發過程中,我們需要json物件的鍵名作為一個變數,鍵名可變,傳統的json格式不支援這個,怎麼辦呢?

傳統的json資料格式

<script type="text/javascript">
    var json={
        name : "譚勇"
    }
    alert(json.name);
</script>

這樣是沒有問題的,那麼根據思路我們這樣

<script type="text/javascript">
    var key = "name";
    var json = {
        key : "譚勇"
} alert(json.name);
</script>

這樣會成功嗎? 答案是錯了,javascript 會提示你一個錯誤 name undefined 沒有定義

鍵名作為變數例項如下

<script type="text/javascript">
    var json = {};
    json["name"] = "譚勇";
    alert(json.name);
</script>

這樣就可以輸出來了;
甚至我們還可以這樣

<script type="text/javascript">
var key = "name"; var json = {}; json[key] = "譚勇"; alert(json.name); </script>

有點類似陣列,你可以寫個demo親自測試!

相關推薦

javascript json物件技巧 名作變數

有時候在專案開發過程中,我們需要json物件的鍵名作為一個變數,鍵名可變,傳統的json格式不支援這個,怎麼辦呢? 傳統的json資料格式 <script type="text/javascript"> var json={

php 把陣列中的名作變數值作為變數

<?php /** * php 把陣列中的鍵名所為變數名鍵值作為變數 */ $arr=array('a'=>1,'b'=>2,'c'=>3,'d'=>5,'e'=

JavaScript實用程式碼技巧

JSON.stringify 我們平時經常會用到JSON 物件,比如當我們要實現物件的深拷貝時,我們可以用JSON 物件的JSON.stringify和JSON.parse 來拷貝一個完全一樣的物件,而不會對原物件產生任何引用關係。在使用localStorage 時,也會用到它,因為localSto

json物件中遇到屬性值空的情況

樓主從前端獲取的json陣列物件是這樣的 [{"id":"12","name":"sdf","areaId":"213"},{"id":"","name":"sdf","areaId":"13"}] 然後樓主是用net.sf.json.JSONObjec的ge

大三筆記(ajax傳遞json物件給controller,controller封裝java物件後存入資料庫)

首先來看一個註解 @RequestBody    1、@requestBody註解常用來處理content-type不是預設的application/x-www-form-urlcoded編碼的內容,比如說:application/json或者是application/x

網頁JavaScript程式碼常用技巧

消除表單加高問題style="margin: 0" 如內容超出單元格,則隱藏style="TABLE-LAYOUT: fixed" 讓彈出視窗總是在最上面: <body onblur="this.focus();">不要滾動條? 讓豎條沒有: <body s

Android技巧(二):ContentProvider新增資料庫事務支援

介紹:資料庫事務是由一組資料庫操作序列組成,事務作為一個整體被執行。 事務的原子性:包含在其中的對資料庫的操作序列最終要麼全部執行,要麼全部不執行。當全部執行時,事務對資料庫的修改將生效;當全部不執行時,資料庫維持原有的狀態,不會被修改。 問題:最近在做一個從sdcard

JavaScript中的技巧和注意點(二)

tip:自己收集的一些前端注意事項 1.函式優先 函式宣告和變數宣告都會被提升,但是一個值得注意的細節是函式會首先被提升,然後才是變數 foo();//1 var foo; function foo(){ console.log(1);

C#給JSON物件新增一個值對

直接看程式碼: /// <summary>新增一個屬性 /// /// </summary> /// <

Javascript Date物件的是以毫秒單位的?

最近發現前端 new Date(unix_time).toLocaleString()返回的字串總是不正確. 但是查閱大部分的網站和百度知道,大部分都說這個建構函式和setTime方法接收的是毫秒數. 但有一個網站是這樣寫的 先 var unixTimestamp

JavaScript--常用程式碼技巧

1. 型別強制轉換 1.1 string強制轉換為數字 可以用*1來轉化為數字(實際上是呼叫.valueOf方法),然後使用Number.isNaN來判斷是否為NaN,或者使用 a !== a 來判斷是否為NaN,因為 NaN !== NaN

JSON 變數

eg:     var obj = {};             var searchVal = $("#searchOption  option:selected").val();             var searchText = $("#keyword").v

JavaScript JSON 物件深拷貝方法(一例)

其實深拷貝一個JS物件方法十分簡單,只需要兩部 1.首先將JS物件序列化為JSON格式 2.然後再將JSON轉化為JS物件。 //任意一個複雜的JS物件 var obj = [1,23,4,{name:'名字',value:"數值"}];  //將這個JS物件序列化為一個J

「華手機技巧」別看小小三個,用途超乎你想象

現在我們追求手機有著極高的要求,要續航能力強、流暢度高、價效比高等。確實,隨著科技的不斷髮展,各個手機行業都在往更高的品質走。每個手機都隱藏著強大的功能,就拿華為手機的三個按鍵來說,有著不一樣的作用呢。一起來看看吧。 今天我們說說華為手機的三個物理鍵,那就是音量鍵+、音量鍵-以及開關機鍵。千萬別

javascript中 獲取json物件構成的陣列

<!DOCTYPE html> <html>     <head>         <meta charset="utf-8">    &nb

javascript中 獲取json物件構成的陣列

<!DOCTYPE html> <html>     <head>         <meta charset="utf-8">         <title></title>     </head

JavaScript 物件的屬性(Key)可以空嗎?

1、JavaScript 物件的屬性(Key)可以為空嗎?比如:var obj = { "": "Zhangshan" }答案是肯定的。2、那麼JS物件的屬性KEY 能為null嗎?var obj = { null: "Zhangshan" }答案是否定的。3

JavaScript文字轉換JSON物件

如果要將一個字串轉換為JSON的物件,那麼可以使用eval()函式 定義文字屬性資料的輸出 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&g

jquery獲取json物件中的key技巧

jquery獲取json物件中的key小技巧 比如有一個json var json = {"name" : "Tom", "age" : 18}; 想分別獲取它的key 和 value 小技巧來啦 for (var key in json) { console.log(k

javascriptJSON物件擴充套件forEach方法

最近發現javascript的JSON物件沒有forEach這個方法,所以就自己動手擴充套件了一下,做個記錄,方便以後使用。 1. Object prototype forEach ·