本文給大家匯總了在javascript方法中返回多個值的方法,都是在個人項目中檢驗過的,這里推薦給大家,有需要的小伙伴可以參考下。
在使用JS編程中,有時需要在一個方法返回兩個個或兩個以上的數據,用下面的幾種方法都可以實現:
1 使用數組的方式,如下:
- <html>
- <head>
- <title>JS函數返回多個值</title>
- </head>
- <body>
- <input type="button" onclick="getNames()" value="test" />
- <script type="text/javascript">
- function getData()
- {
- var names=new Array("oec2003","oec2004");
- return names;
- }
- function getNames()
- {
- var names=getData();
- alert(getData()[0]); //返回oec2003
- }
- </script>
- </body>
- </html>
2 將數據封裝到Json中返回,如下:
- <html>
- <head>
- <title>JS函數返回多個值</title>
- </head>
- <body>
- <input type="button" onclick="getInfo()" value="test"/>
- <script type="text/javascript">
- function getData()
- {
- var info={"name":"oec2003","age":"25"};
- return info;
- }
- function getInfo()
- {
- var info=getData();
- var name=info["name"];
- var age=info["age"];
- alert("姓名:"+name+" 年齡:"+age);
- }
- </script>
- </body>
- </html>
更詳細的Json的介紹請看這里
3 這是最簡單的一種方法,看下面代碼:
- <html>
- <head>
- <title>JS函數返回多個值</title>
- </head>
- <body>
- <input type="button" onclick="getInfo()" value="test"/>
- <script type="text/javascript">
- function getData()
- {
- return ["oec2003", 25]
- }
- function getInfo()
- {
- var info = getData();
- alert("姓名:" + info[0] + "年齡:" + info[1]);
- }
- </script>
- </body>
- </html>
以上所述就是本文全部內容了,希望大家能夠喜歡。
新聞熱點
疑難解答
圖片精選