08. 문자열 합치기("+",concat(),join()

김선심·2023년 3월 7일
0

JavaScript

목록 보기
19/20

2023.2.11 study

  1. 문자열을 연결 " + "연산자
  2. concat() 함수를 사용하여 문자열 합치기
  3. join() 함수를 사용하여 배열을 문자열로 합치기
  4. split() 구분자 기분으로 잘라서 배열로 만들기

1. "+"연산자

  • 문자열을 합칠 때는 "+" 연산자를 사용하면 된다.
    문자열 변수를 할칠 때도 str1 + str2 + str3 이렇게 "+" 연산자를 사용하면 된다.
let str = 'JavaScript';
str += ' ';
str += 'Developer';

console.log(str); /// JavaScript Developer

2.concat()

  • 두개의 문자열을 하나의 문자열로 만들어주는 함수이다. 입력값을 문자열 대신 배열을 사용하여 두 개의 배열을 하나의 배열로 만들어주는 역할도 함께 하며, 기존 배열을 변경하지 않고 추가된 새로운 배열로 반환하게 된다.

문법

Array.concat([val1[, val2[, ...[, valN]]]])

let str1 = "Hello";
let str2 = "World";
let str3 = "!"

console.log(str1.concat(str2));
console.log(str1.concat(str2,str3));

let num1 = [1,2,3];
let num2 = [4,5,6];
let str4 = ["a","b","c"];

console.log(num1.concat(num2));
console.log(num1.concat(num2,str4));
console.log(num1.concat(num2, str4,"d",["e","f"]));

3. join()

  • 배열의 모든 요소를 연결해 하나의 문자열로 만들어 준다.

    문법

  • arr.join([separator])

    • separator : 매개변수로, 배열의 각 요소를 구분할 문자열이다. 구분자는 필요한 경우 문자열로 변환되고, 생략하면 배열의 원소들의 쉼표로 구분된다.
const num1 = "010"
const num2 = "5214"
const num3 = "5805"
const phoneNum = [num1, num2, num3].join("-") // 010-5214-5805
const phoneNum = [num1, num2, num3].join("") // 01052145805
--------------------------------------------------------------

const arr = ['햇님', '달님', '별'];
console.log(arr.join());
console.log(arr.join(''));
console.log(arr.join('-'));

4. split()'

  • 문자열을 일정한 구분자로 잘라서 배열로 저장을 한다.

문법

string.split(separator, limit)

  • split() 함수는,
    • 문자열을 'separator'로 잘라서,
      'limit' 크기 이하의 배열에 잘라진 문자열을 저장하여 리턴
  • separator
    • 필수 아님
    • 문자열을 잘라 줄 구분자 (문자열 또는 정규식)
    • 값이 입력되지 않으면 문자열 전체를 배열에 담아서 리턴
  • limit
    • 필수 아님
    • 최대 분할 갯수
const str = "apple banan orange";
const str1 ="apple,banan,orange";
const arr = str.split(); //전달받은 값 없기때문에 문자열 전체 length 1로 받음
const arr1 = str.split(" ");//문자열을 (" (공백)") 구분자로 잘라서 각각의 잘라진 조각들을 배열에 저장하여 리턴
const arr2 = str.split("") //""((length)가 0인 문자열)을 전달하면, 문자열을 각각의 문자별로 잘라서, 한 글자씩 (공백 포함) 배열에 저장하여 리턴
const arr3 = str1.split(",", 2); //문자열을 , 로 자르는데 총 3개 배열이 만들어지지만 나는 2개의 배열만 지정했기 때문에 2개의 배열만 리턴


console.log(arr.length); //1
---------------------------------
console.log(arr1.length); //3
console.log(arr1[0]);//스페이스 구분자 apple
console.log(arr1[1]);//banan
console.log(arr1[2]);//orange
---------------------------------
console.log(arr2.length);//18
console.log(arr2[0]);// a
console.log(arr2[1]);//p
console.log(arr2[2]);//p
console.log(arr2[3]);//l
console.log(arr2[4]);//e
console.log(arr2[5]);//(공백)
console.log(arr2[6]);//b
console.log(arr2[7]);//a
console.log(arr2[8]);//n
console.log(arr2[9]);//a
console.log(arr2[10]);//n
console.log(arr2[11]);//(공백)
-------------------------------
console.log(arr3.length); //2
console.log(arr3[0]);//apple
console.log(arr3[1]);//banan
console.log(arr3[2]);//undefined

profile
i can do it

1개의 댓글

comment-user-thumbnail
2023년 3월 8일

concat과 push의 차이도 찾아보세용

답글 달기