toString(), join()

별초롱언니 2025. 4. 7. 21:35

toString(), join() 메서드는 배열 요소 값들을 문자열로 변환하다. toString() 메서드는 각 열 요소들을 콤마(,)에 의해 구분한 문자열로 바꾼다.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <h2>toString() methods</h2>
  <p id="demo1"></p>
  <p id="demo2"></p>

  <script>
    let fruits = ["banana","orange","apple","mango","lemon"];
    document.querySelector("#demo1").innerHTML = fruits.toString();
    document.querySelector("#demo2").innerHTML = fruits;
  </script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    let fruits = ["banana","orange","apple","mango","lemon"];
    let eat_fruits = fruits.join();
    document.write(eat_fruits + "<br>");
    let eat_fruits2 = fruits.join(" and ");
    document.write(eat_fruits2 + "<br>");
  </script>
</body>
</html>

join() 메서드도 배열 요소들을 문자열로 변환하는데 toString()이 콤마에 의해 각 요소 값을 구한다면, join()은 구분자를 인수로 제공한다.

join(separator)

즉, 배열 요소의 값들을 separator로 구분하여 하나의 문자열로 연결한다.