> 웹 프론트엔드 > JS 튜토리얼 > JS에서 여러 값을 반환하는 방법 요약methods_javascript 팁

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

WBOY
풀어 주다: 2016-05-16 15:58:19
원래의
1440명이 탐색했습니다.

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>
로그인 후 복사

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

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿