조건문, 문자열, 반복문, 배열, for in, for of, split(), join()

---

오늘 공부하고 적용하는 과정에서 헷갈리는 부분에 대해서 개념을 다시 정리하는 시간을 가진다.
개념을 정확히 인지하지 못하는 순간, 문제에서 원하는 것이 무엇인지 정확하게 파악하지 못하게 되기 때문에
개념의 중요성은 몇 번이고 중요하다고 생각이 든다. 그래야 필요할 때 즉시 꺼내어 사용할 수 있기 때문이다 ! 

.split() 

문자열을 배열로 바꾸는 메소드이다.

사용 시, 괄호 안에 들어가는 내용에 대해서 유의하기!

let str = 'I love coding!';
str.split(' ');
(3) ['I', 'love', 'coding!']
// 이렇게 문자열에 .split을 이용하면 문자열을 배열로 바꿀 수 있다.
// 주의할 점은, str.split() 괄호 안에 넣는 것으로 구분하여 배열로 바꿔 주는 것이기 때문에
let str = 'I love coding!';
str.split('');
(14) ['I', ' ', 'l', 'o', 'v', 'e', ' ', 'c', 'o', 'd', 'i', 'n', 'g', '!']
// 이렇게 () 사이에 구분할 공백 없이 실행시키면 문자열의 인덱스 하나하나를 배열로 바꾸는 것을 알 수 있다.
// 그렇기 때문에 사용할 때 유의해서 사용!!!​

.join()

배열을 문자열로 바꾸는 메소드이다.

split()의 반대 개념이라고 생각해도 좋다.
배열의 모든원소들을 문자열로 반환한다. (값이 비어있을 시에만 해당한다)
() 안의 인자가 빈 값이라면, 구분자를 쉼표로 본다.

// 1. 위에도 언급했듯이, ()안에 아무것도 넣지않으면 배열을 문자열로 바꾼 요소 사이 사이에 ,를 넣게 된다 !
let arr = ['I', 'love', 'coding!']
arr.join();
'I,love,coding!'

// 2. () 안에 문자열 ''만 넣게 되면 공백이 없기 때문에 모든 배열의 요소를 공백없이 붙여서 문자열로 바꾼다 ! 
let arr = ['I', 'love', 'coding!']
arr.join('');
'Ilovecoding!'

// 3. 일반적으로 사용하는 경우인데, (' ') 이렇게 소괄호 안에 따옴표 띄어쓰기로 공백을 표시해 주어야 
//                           정상적으로 'I love coding!' 이라고 나오는 것을 확인할 수 있다.
let arr = ['I', 'love', 'coding!']
arr.join(' ');
'I love coding!'

 

for of

for of 반복문은 for in 반복문과 유사하지만 배열에 주로 사용합니다.
즉, 배열 안의 자료들을 하나씩 꺼내고 싶을때 사용

배열 뿐만 아니라, 문자, arguments, NodeList(querySelectorAll),Map, Set과 같은 자료형에도 사용 가능

예를 들어 배열 안의 숫자 중, 짝수만을 꺼내어 배열로 리턴하고 싶다면 ? 

function getEvenNumbers(arr) {
  let result = [];
  for (el of arr) {      	// 이렇게 arr에 속한 모든 el에 대해서 반복문을 진행한다.
    if (el % 2 === 0) {
      result.push(el);
    }
  }
  return result;
}​

for in 

enumerable한 것들만 출력 ( 객체에서 사용 )

객체의 prototype도 반복문으로 출력된다.
for in 사용 시 , 객체의 키값과 , 밸류가 함께 출력된다.

let arr = {
name : 'martin',
age : '21',
city : 'california'
};

for (el in arr) {
    console.log(arr.age);
}
21;

let arr = {
name : 'martin',
age : '21',
city : 'california'
};
for (el in arr) {
    console.log(arr);
}
{name: 'martin', age: '21', city: 'california'}
{name: 'martin', age: '21', city: 'california'}
{name: 'martin', age: '21', city: 'california'}

 

 

---