>  기사  >  웹 프론트엔드  >  JavaScript_Basic 지식에서 배열 요소를 문자열로 변환하는 방법의 예

JavaScript_Basic 지식에서 배열 요소를 문자열로 변환하는 방법의 예

WBOY
WBOY원래의
2016-05-16 15:35:061089검색

먼저 배열에서 요소를 선택하는 Slice() 메서드를 살펴보겠습니다.
소스 코드:

<!DOCTYPE html>
<html>
<body>
&#8203;
<p id="demo">Click the button to extract the second and the third elements from the array.</p>
&#8203;
<button onclick="myFunction()">Try it</button>
&#8203;
<script>
function myFunction()
{
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1,3);
var x=document.getElementById("demo");
x.innerHTML=citrus;
}
</script>
&#8203;
</body>
</html>   

테스트 결과:

Orange,Lemon

배열의 요소를 사용하여 문자열을 형성할 수 있습니다. 관련 Join() 메서드 사용 예:

소스코드:

<!DOCTYPE html>
<html>
<body>
&#8203;
<p id="demo">Click the button to join the array elements into a string.</p>
&#8203;
<button onclick="myFunction()">Try it</button>
&#8203;
<script>
function myFunction()
{
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x=document.getElementById("demo");
x.innerHTML=fruits.join();
}
</script>
&#8203;
</body>
</html> 

테스트 결과:

Banana,Orange,Apple,Mango

배열을 문자열로 직접 변환하려면 toString() 메서드를 사용할 수 있습니다.
소스 코드:

<!DOCTYPE html>
<html>
<body>
&#8203;
<p id="demo">点击按钮将数组转为字符串并返回。</p>
&#8203;
<button onclick="myFunction()">点我</button>
&#8203;
<script>
function myFunction()
{
 var fruits = ["Banana", "Orange", "Apple", "Mango"];
 var str = fruits.toString();
 var x=document.getElementById("demo");
 x.innerHTML= str;
}
</script>
&#8203;
</body>
</html>

테스트 결과:

Banana,Orange,Apple,Mango 

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.