[FC] JavaScript Day-7

문자를 숫자로 변환

• parseInt(변환할 값)
  해당값을 정수로 반환

ex) 정수를 반환한다.

const num = "5";
const result = parseInt(num);
console.log(result);
// 5 출력 (숫자 5)

• parseFloat(변환할 값)
  해당값을 실수로 변환

ex) 실수로 반환한다.

const num = "5.8";
const result2 = parseFloat(num);
console.log(result2);
// 5.8 출력 (정수와 달리 소수점까지 반환함)

배열관련 내장함수

• toString(): 배열을 문자로 변환
• join(): 구분자를 활용해 문자열로 이어붙이기
• pop(): 배열의 마지막 요소 제거(리턴값으로 잘라낸 요소 반환)
• push(): 배열의 끝부분에 새로운 요소 추가 (리턴값으로 배열의 길이 반환)
• shift(): 배열의 첫 부분 요소 제거 (리턴값으로 잘라낸 요소 반환)
• unshift(): 배열의 첫 부분에 새로운 요소 추가 (리턴값으로 길이 반환)
• splice(): (삽입위치, 잘라낼 갯수, 추가할 내용): 배열에 새로운 요소를 잘라서 붙임
• concat(): 두개의 배열 합치기
• slice(): 배열 잘라내기 (splice와 다른 점은 새로운 배열로 생성한다.)

toString()

const colors = ["red", "blue", "green"];
let result = colors.toString();
console.log(result);
// red, blue, green 문자로 반환

join()

const colors = ["red", "blue", "green"];
const result = colors.join("+");
console.log(result)
// red+blue+green 을 출력한다.

pop() - 마지막 요소를 제거한다.

const colors = ["red", "blue", "green"];
const result = colors.pop();
console.log(colors); // red, blue 출력 (마지막 요소를 제거하고 남긴 값)
console.log(result); // green 출력 (pop을 통해 마지막 요소 하나 제거)

push() - 마지막에 요소를 추가한다.

let colors = ["red", "blue", "green"];
colors.push("aqua");
console.log(colors);
// ["red", "blue", "green", "aqua"] 출력

shift() - 첫 요소를 제거한다.

let colors = ["red", "blue", "green"];
colors.shift();
console.log(colors);
// ["blue", "green"] 출력한다.

unshift() - 가장 앞쪽에 요소를 추가한다.

let colors = ["red", "blue", "green"];
colors.unshift("pink");
console.log(colors);
// ["pink", "red", "blue", "green"] 출력

splice()

let colors = ["red", "blue", "green"];
colors.splice(1, 0, "pink");
// idx 1에 "pink"를 추가한다는 뜻이다.
console.log(colors);
// ["red", "pink", "blue", "green"]

concat() - 2개 이상의 배열을 합칠 때 사용한다.

let colors = ["red", "blue", "green"];
let colors2 = ["aqua", "pink", "violet"];

colors.concat(colors2);
console.log(colors);
// ["red", "blue", "green", "aqua", "pink", "violet"]

slice()

let colors = ["red","blue","green"];
colors.slice(1);
console.log(colors);
// ["blue", "green"];
// 1번부터 잘라내서 새로운 배열을 만들어준다.