자바스크립트 join() 메소드 설명: 배열 요소를 문자열로 연결하기

2020. 12. 18. 12:21·개발/JavaScript

join() 메소드는 배열 또는 유사 배열의 모든 요소를 연결하여 새로운 문자열을 반환합니다.

 

콤마 또는 특별한 연결자 문자를 지정해줄 수 있으며, 배열 내 요소가 하나일 경우 연결자 없이 문자열이 반환됩니다.

const elements = ['Fire', 'Air', 'Water'];

console.log(elements.join());
// "Fire,Air,Water"

console.log(elements.join(, ));
// "Fire, Air, Water"

console.log(elements.join(''));
// "FireAirWater"

console.log(elements.join('-'));
// "Fire-Air-Water"

요소가 undefined, null, 빈 배열일 경우 빈 문자열로 반환됩니다.

const empty = ["I", undefiend, "like", null, "JavaScript"];

console.log(empty.join()); // I,,like,,JavaScript

다음과 같이 유사 배열 객체를 문자열로 처리할 수도 있습니다.

function f(a, b, c) {
    var s = Array.prototype.join.call(arguments);
    console.log(s); // '1,a,true'
}

f(1, 'a', true);

 

참고: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/join

'개발 > JavaScript' 카테고리의 다른 글

자바스크립트 for... in과 for.. of의 차이점에 대하여  (0) 2020.12.21
자바스크립트 filter() 메소드 설명  (0) 2020.12.15
자바스크립트 즉시 실행 함수(IIFE)란?  (0) 2020.12.07
'개발/JavaScript' 카테고리의 다른 글
  • 자바스크립트 배열 중복 요소 확인하기: indexOf()와 lastIndexOf() 활용
  • 자바스크립트 for... in과 for.. of의 차이점에 대하여
  • 자바스크립트 filter() 메소드 설명
  • 자바스크립트 즉시 실행 함수(IIFE)란?
휘Hwi
휘Hwi
여행, 사진, 개발, 책 이야기를 기록하는 여행자 휘의 블로그 𓂍
Klook.com
  • 휘Hwi
    휘: 끝나지 않은 이야기
    휘Hwi
  • 전체
    오늘
    어제
    • 분류 전체보기
      • 기록
        • 일상 에세이
        • 인사이트
        • 투자와 재테크
        • 코인 이야기
        • 아카이빙
        • 집무실 레터
        • 사랑에 대하여
        • 번역 이야기(完)
        • 프리랜서 일지(完)
      • 여행
        • 🌎 세계 여행기 S1 (完)
        • 🌊 삼삼한 여행기 (完)
        • 🚶 온더로드
        • 🇯🇵 일본
        • 🏝️ 발리
        • 🇻🇳 베트남
        • 🇱🇰 스리랑카
        • 🇮🇳 인도
        • 🇹🇭 태국
        • 🇸🇬 싱가포르
        • 🇦🇺 호주
        • 🇭🇰 홍콩
        • 🇰🇷 한국
        • 🍚 여행자의 한 끼
        • ℹ️ 여행 정보
      • 사진
        • 사진가
        • 사진 이론과 생각
        • 사진 관련 정보
      • 영상
        • 파이널컷 모션 공부
        • 고프로 GoPro
        • 영상 관련 정보
      • 책
        • 책 읽고 쓰기
      • 개발
        • 티스토리
        • Internet
        • HTML
        • CSS
        • JavaScript
        • Typescript
        • React
        • Node.js
        • Express
        • NestJS
        • Python
        • Django
        • MySQL
        • MongoDB
        • AWS
        • Deployment
        • Terminal
        • Git
        • Glossaries
        • Articles
        • Projects
        • TIL;
      • 미분류
  • 인기 글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
휘Hwi
자바스크립트 join() 메소드 설명: 배열 요소를 문자열로 연결하기
상단으로

티스토리툴바