溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》

php數(shù)組如何轉(zhuǎn)成js數(shù)組

發(fā)布時(shí)間:2021-03-08 14:11:47 來(lái)源:億速云 閱讀:389 作者:TREX 欄目:編程語(yǔ)言

本篇內(nèi)容主要講解“php數(shù)組如何轉(zhuǎn)成js數(shù)組”,感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷,實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“php數(shù)組如何轉(zhuǎn)成js數(shù)組”吧!

php數(shù)組轉(zhuǎn)成js數(shù)組的方法:首先通過(guò)“json_encode()”將“$arr”的每一個(gè)值進(jìn)行json編碼;然后將每個(gè)編譯后的值后面加一個(gè)逗號(hào);最后在所有值外面加上“[]”符號(hào)即可。

php數(shù)組如何轉(zhuǎn)成js數(shù)組

本文操作環(huán)境:Windows7系統(tǒng)、PHP7.1、Dell G3電腦。

JSON用法之將PHP數(shù)組轉(zhuǎn)JS數(shù)組,JS如何接收PHP數(shù)組

首先下載下面這個(gè)文件(這是一段是別人寫(xiě)出來(lái)專(zhuān)門(mén)解析json的代碼),然后引入這個(gè)文件!

http://pan.baidu.com/s/1dD8qVr7

現(xiàn)在當(dāng)我們需要用ajax與后臺(tái)進(jìn)行交互時(shí),怎樣將php的數(shù)組傳送到j(luò)s文件并且并js所識(shí)別?

php數(shù)組如何轉(zhuǎn)成js數(shù)組

先看php文件,當(dāng)我們獲取到$arr這個(gè)數(shù)組后

foreach ($arr as $value) {
  $json .= json_encode($value) . ',';
} 
echo '[' . substr($json,0,strlen($json) - 1) . ']';

json_encode()是將$arr的每一個(gè)值進(jìn)行json編碼,然后我們想輸出一個(gè)json的數(shù)組,所以我們將每個(gè)編譯后的值后面加一個(gè)逗號(hào)并且最后在所有值外面加上'[]',這是json數(shù)組的格式,注意因?yàn)槲覀冊(cè)趯⒚恳粋€(gè)值進(jìn)行json編碼后都加上一個(gè)逗號(hào)在后面,這樣就導(dǎo)致最后所有值合并數(shù)組時(shí)多一個(gè)逗號(hào),所有我們得用substr()函數(shù)將其最后一個(gè)逗號(hào)去掉!【】

然后我們來(lái)看js文件

當(dāng)我們用arr接受到php文件傳輸?shù)膉son數(shù)組后

var json = JSON.parse(arr);

JSON是咱們開(kāi)始下載那個(gè)文件中定義的一個(gè)對(duì)象,我們用它的parse方法將json數(shù)組轉(zhuǎn)化成js的數(shù)組!這是變量json接受到的是一個(gè)js數(shù)組所以直接不能打印出來(lái),你可以遍歷這個(gè)json數(shù)組或者json[0]來(lái)輸出!

其實(shí),說(shuō)白了咱們將php數(shù)組轉(zhuǎn)化成js數(shù)組的思路就是利用json這個(gè)中間量來(lái)實(shí)現(xiàn)!當(dāng)然你也可以只用php和js來(lái)實(shí)現(xiàn)數(shù)組的轉(zhuǎn)化,方法不止一種!

PHP數(shù)組和Json之間的轉(zhuǎn)換

之所以要用到Json,很多時(shí)候是因?yàn)槭褂胊jax對(duì)象時(shí),程序與JS函數(shù)之間的數(shù)據(jù)交互。因?yàn)镴S不認(rèn)識(shí)PHP中的數(shù)組,PHP也不認(rèn)識(shí)JS中的數(shù)組或?qū)ο蟆son很好的解決了這個(gè)問(wèn)題。

Json簡(jiǎn)介

JSON(JavaScript Object Notation) 是一種輕量級(jí)的數(shù)據(jù)交換格式。它基于JavaScript的一個(gè)子集,這意味著JavaScript可以直接讀取Json,非常方便。

Json的具體形式是:

1.對(duì)象

對(duì)象是一個(gè)無(wú)序的“‘名稱(chēng)/值'對(duì)”集合。一個(gè)對(duì)象以“{”(左括號(hào))開(kāi)始,“}”(右括號(hào))結(jié)束。每個(gè)“名稱(chēng)”后跟一個(gè)“:”(冒號(hào));“‘名稱(chēng)/值' 對(duì)”之間使用“,”(逗號(hào))分隔。

例如: {“username”: “Eric”,”age”:23,”sex”: “man”}

代碼示例:

<script type="text/javascript">  function getUser()
{
  var  user = {
  "username": "Eric",
  "age":23,
  "family": {"mother":"Marry","father":"Alon","brother":"Tom"}
  };  alert( user.username );  alert( user.age );  alert(user.family.brother);
}  getUser();  </script>

2、數(shù)組

數(shù)組是值(value)的有序集合。一個(gè)數(shù)組以“[”(左中括號(hào))開(kāi)始,“]”(右中括號(hào))結(jié)束。值之間使用“,”(逗號(hào))分隔。

例如: ["Eric",23, "man"]

代碼示例:

<script type="text/javascript">  function getArray() 
{  
var arr = ["Jarry",23, ["www.xiaophper.com","wxyh_999@126.com"]];  
alert(arr[0]);  alert(arr[1]);  alert(arr[2][0]); 
alert(arr[2][1]);  
}  
getArray();  
</script>

注意:對(duì)象和數(shù)組兩種形式在JS中的調(diào)用時(shí)不一樣啊,對(duì)象用“.”調(diào)用,數(shù)組用下標(biāo)[0]、[1]調(diào)用。還要注意在傳遞Json串時(shí)string類(lèi)型的值要用引號(hào)括起來(lái)。

PHP中將數(shù)組轉(zhuǎn)變成Json

強(qiáng)大的PHP已經(jīng)提供了內(nèi)置函數(shù):json_encode() 和 json_decode()。很容易理解,json_encode()就是將PHP數(shù)組轉(zhuǎn)換成Json。相反,json_decode()就是將Json轉(zhuǎn)換成PHP數(shù)組。

例如:

$array = array("name" => "Eric","age" => 23); 
echo json_encode($array);

程序?qū)⒋蛴〕?:

代碼如下:

{“name”:”Eric”,”age”:23}

再看下面的例子:

$array = array(0 => "Eric", 1 => 23); 
echo json_encode($array);

程序?qū)⒋蛴〕?:["Eric",23]

以上兩個(gè)例子可以看出,如果PHP數(shù)組的鍵都是數(shù)字,那么json_encode()返回一個(gè)數(shù)組形式的Json,如果PHP數(shù)組的鍵全是字符串。那么json_encode()就會(huì)返回一個(gè)對(duì)象形式的Json。剛已經(jīng)說(shuō)過(guò)。兩者在js中的調(diào)用是不同的。

事實(shí)上,只要在PHP數(shù)組的鍵中有一個(gè)字符串形式的鍵,那么json_encode()就會(huì)返回對(duì)象形式的Json。這是不正確的。因?yàn)椋m然在PHP代碼中不會(huì)出現(xiàn)錯(cuò)誤,但要是將這樣的Json傳給JS函數(shù),JS會(huì)將此Json當(dāng)做一個(gè)對(duì)象,而對(duì)象是不可能以數(shù)字作為屬性名的。也就是說(shuō)JS 不知道這是什么 : user.0.username  (中間是數(shù)字零)

到此,相信大家對(duì)“php數(shù)組如何轉(zhuǎn)成js數(shù)組”有了更深的了解,不妨來(lái)實(shí)際操作一番吧!這里是億速云網(wǎng)站,更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢(xún),關(guān)注我們,繼續(xù)學(xué)習(xí)!

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI