在JS方法中返回多個值的方法匯總

來源:互聯網
上載者:User

在JS方法中返回多個值的方法匯總

   本文給大家匯總了在javascript方法中返回多個值的方法,都是在個人項目中檢驗過的,這裡推薦給大家,有需要的小夥伴可以參考下。

  在使用JS編程中,有時需要在一個方法返回兩個個或兩個以上的資料,用下面的幾種方法都可以實現:

  1 使用數組的方式,如下:

  ?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

<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中返回,如下:

  ?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

<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 這是最簡單的一種方法,看下面代碼:

  ?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

<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>

  以上所述就是本文全部內容了,希望大家能夠喜歡。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.