JS : String.split(), String.substring(), Array.slice()

String.split()

🔗 참고자료
MDN split
코딩팩토리 JavaScript / Object / String.split() / 문자열 분할하는 메서드

문자열을 분할하는 메소드이며 반환값은 배열(array)이다.

// split(separator, limit)
let str1 = "1 2 3 4 5"
let str2 = "1-2-3-4-5"
let str3 = "1,2,3,4,5"

// 공백기준 ' '
console.log(str1.split(' ')); // [ '1', '2', '3', '4', '5' ]
console.log(str1.split(' ',2)); // [ '1', '2']

// - 기준
console.log(str2.split('-')); // [ '1', '2', '3', '4', '5' ]
console.log(str2.split('-',4)); // [ '1', '2', '3', '4']

// , 기준
console.log(str3.split(',')); // [ '1', '2', '3', '4', '5' ]
console.log(str3.split(',',3)); // [ '1', '2', '3']

Array.slice()

🔗 참고자료
MDN slice
생활코딩 slice

slice 메소드는 begin부터 end(end 미포함) 전 까지에 대한 얕은 복사(Shallow Copy)를 반환한다. 즉, 원본 배열은 변화 없다.

// slice(begin, end)

// 배열 slice
let lst = ['notebook', 'pecil', 'backpack', 'papper', 'phone']

console.log(lst.slice()); // 얕은 복사 
console.log(lst.slice(0)); // [ 'notebook', 'pecil', 'backpack', 'papper', 'phone' ]

console.log(lst.slice(3)); // [ 'papper', 'phone' ]
console.log(lst.slice(2,4)); // [ 'backpack', 'papper' ]
console.log(lst.slice(4)); // ['phone']



console.log(lst.slice(-1)); // ['phone']
console.log(lst.slice(-2)); // [ 'papper', 'phone' ]
console.log(lst.slice(-4,-2)); // [ 'pecil', 'backpack' ]
console.log(lst.slice(-3)); // [ 'backpack', 'papper', 'phone' ]


// 문자열 slice
let str = "2022년 1월 2일"

console.log(str.slice()); // 얕은 복사 
console.log(str.slice(0)); // 2022년 1월 2일


console.log(str.slice(1)); // 022년 1월 2일
console.log(str.slice(3)); // 2년 1월 2일
console.log(str.slice(6)); // 1월 2일

console.log(str.slice(6,8)); // 1월
console.log(str.slice(2,4)); // 22

String.substring()

🔗 참고자료
MDN substring
생활코딩 substring
코딩팩토리 JavaScript / Object / String.substring() / 문자열 추출하는 메서드

substring() 메소드는 string 객체의 시작 인덱스로 부터 종료 인덱스 전 까지 문자열의 부분 문자열을 반환한다.

// substring(start, end)
// stasrt부터 end-1까지 (end 전 까지)
let str = 'happy coding day!'

console.log(str.substring(13)); // day!
console.log(str.substring(2,4)); // pp
console.log(str.substring(6,12)); // coding
console.log(str.substring(14,16)); //ay

---

🗓️ 수정 및 추가

• 2022.02.24
  1. 썸네일 변경
• 2022.03.09
  1. 제목 및 본문 제목 수정