먼저 배열에서 요소를 선택하는 Slice() 메서드를 살펴보겠습니다.
소스 코드:
<!DOCTYPE html> <html> <body> ​ <p id="demo">Click the button to extract the second and the third elements from the array.</p> ​ <button onclick="myFunction()">Try it</button> ​ <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> ​ </body> </html>
테스트 결과:
Orange,Lemon
배열의 요소를 사용하여 문자열을 형성할 수 있습니다. 관련 Join() 메서드 사용 예:
소스코드:
<!DOCTYPE html> <html> <body> ​ <p id="demo">Click the button to join the array elements into a string.</p> ​ <button onclick="myFunction()">Try it</button> ​ <script> function myFunction() { var fruits = ["Banana", "Orange", "Apple", "Mango"]; var x=document.getElementById("demo"); x.innerHTML=fruits.join(); } </script> ​ </body> </html>
테스트 결과:
Banana,Orange,Apple,Mango
배열을 문자열로 직접 변환하려면 toString() 메서드를 사용할 수 있습니다.
소스 코드:
<!DOCTYPE html> <html> <body> ​ <p id="demo">点击按钮将数组转为字符串并返回。</p> ​ <button onclick="myFunction()">点我</button> ​ <script> function myFunction() { var fruits = ["Banana", "Orange", "Apple", "Mango"]; var str = fruits.toString(); var x=document.getElementById("demo"); x.innerHTML= str; } </script> ​ </body> </html>
테스트 결과:
Banana,Orange,Apple,Mango