집 > 기사 > 웹 프론트엔드 > JS에서 여러 값을 반환하는 방법 요약methods_javascript 팁

JS에서 여러 값을 반환하는 방법 요약methods_javascript 팁

WBOY원래의: 2016-05-16 15:58:191375검색

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>

위 내용은 이 글의 전체 내용입니다. 모두 마음에 드셨으면 좋겠습니다.

성명：

이전 기사：네이티브 js_javascript 기술로 구현된 Snake 웹 버전 게임의 전체 예다음 기사：네이티브 js_javascript 기술로 구현된 Snake 웹 버전 게임의 전체 예

JS에서 여러 값을 반환하는 방법 요약methods_javascript 팁

관련 기사