在JS方法中返回多個值的三種方法（轉載）

時間 2019-11-07

原文原文鏈接

來源：https://www.cnblogs.com/gxsyj/p/6004574.htmljavascript

在使用JS編程中，有時須要在一個方法返回兩個個或兩個以上的數據，用下面的幾種方法均可以實現：html

1 使用數組的方式，以下：java

<html>
<head>
    <title>JS函數返回多個值--oec2003</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函數返回多個值--oec2003</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>

3 這是最簡單的一種方法，看下面代碼：數組

<html>
<head>
<title>JS函數返回多個值--oec2003</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>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。