문자열

.toString()

• 숫자를 문자열로 변환한다.
• toString()은 선택적으로 기수(radix)를 매개변수로 취한다.
• 기수의 값은 최소 2부터 36까지다.

console.log(255..toString(2)); // 정수형 앞에는 점 2개를 써야 한다.

.toUpperCase()

• 대문자로 변환하는 메서드

.toLowerCase()

• 소문자로 변환하는 메서드

.parseFloat()

• 문자열을 실수로 바꾸는 메서드
• 수가 아닌 문자로 시작하면 NaN을 반환한다.

.parseInt()

• 문자열을 정수로 바꾸는 메서드
• parseInt(string, n): string을 n진법일 때의 값으로 바꾼다.

.concat()

• 문자열 이어 붙이기

let str1 = "New";
let str2 = "Jeans";

str1.concat(str2); // NewJeans

• (+) + 더하기 연산자 사용

let str1 = "New";
let str2 = "Jeans";
let str3;

str3 = str1 + str2; // NewJeans

.length

• 문자열의 길이를 반환하는 속성
• 띄어쓰기까지 글자수에 반영된다.

let str = "New Jeans";
let len = str.length;

console.log(len); // 9

.charAt()

• 특정 위치의 문자열을 알아내는 속성
• [] 대괄호를 사용해도 된다.
• 첫 문자는 0부터 시작하고 마지막 문자는 str.length-1이다.

let str = "New Jeans";
console.log(str.charAt(3)); // " " 띄어쓰기 출력

let str = "New Jeans";
console.log(str.charAt(4)); // J 출력

.includes()

• 문자열이 특정 문자열을 포함하는지 확인하는 메서드
• str.includes(검색할 문자열, 검색을 시작할 위치)
• true, false 중 하나의 값을 반환한다.

let str = "laptop computer";
console.log(str.includes('e', 5)); // true

let str = "laptop computer";
console.log(str.includes('z')); // false

.startsWith()

• 문자열이 특정 문자열로 시작하는지 길이만큼 확인하는 메서드
• length는 선택사항이라 값이 없다면 전체 문자열을 대상으로 한다.
• true, false 중 하나의 값을 반환한다.

let str = "laptop computer";
console.log(str.startsWith('e', 13)); // true

.endsWith()

• 문자열이 특정 문자열로 끝나는지 길이만큼 확인하는 메서드
• length는 선택사항이라 값이 없다면 전체 문자열을 대상으로 한다.

let str = "sweet dream";
console.log(str.endsWith('m')); // true

.substr()

• 문자열에서 특정 부분만 찾을 때 사용하는 메서드
• .substr(start, length): start부터 length까지의 값을 반환한다,

let str = "mcdonalds";
console.log(str.substr(1, 5)); // cdona

.substring()

• 문자열의 일부분을 구하는 메서드
• .substring(start, end): start부터 end-1까지의 부분 문자열을 반환한다. end 생략 시 start부터 마지막까지 문자열을 반환한다.

let str = "mcdonalds";
console.log(str.substring(1, 4)); // cdo

.indexOf()

• 특정 문자열이 처음으로 나타나는 위치를 반환하는 메서드
• str.indexOf(value, start): value는 찾으려는 문자열을 넣고 start는 검색을 시작할 인덱스 값이다. 입력하지 않으면 처음부터 검색한다. 대소문자를 구별하고, 찾는 문자열이 없다면 -1을 반환한다.
• 중복 제거에 주로 쓰인다.

let str = 'mcdonaldsababa';
console.log(str.indexOf('a')); // 5

.lastIndexOf()

• 뒤에서부터 탐색하며 특정 문자열이 마지막에 나타나는 위치를 반환하는 메서드
• string.lastIndexOf(value, start): value는 찾으려는 문자열을 넣고, start는 검색을 끝낼 인덱스 값을 넣는다. 입력하지 않으면 끝까지 검색한다. 대소문자를 구별하고, 찾는 문자열이 없다면 -1을 반환한다.

let str = 'mcdonaldsababa';
console.log(str.lastIndexOf('a')); // 13

.replace()

• str.replace(str1, str2): str1 문자열을 찾아서 str2 문자열로 바꾸는 메서드

let str1 = 'NewJeans';
let str2 = 'ive';
let str3 = 'blackpink';
let result = str1 + str2;

console.log(result); // NewJeansive
console.log(result.replace(str1, str3)); // blackpinkive

'hello world hello hello'.replace(/hello/g, 'wow'); // wow world wow wow

.charCodeAt()

• 문자열의 인덱스에 해당하는 char의 유니코드를 반환한다.

배열

.slice()

• arr.slice(index1, index2)
• 시작 인덱스부터 종료 인덱스 전까지 값을 복사하여 반환한다.

let myString = 'abcdefghijk';
console.log(myString.slice(0, 2)); // ab
console.log(myString.slice(3)); // defghijk
console.log(myString.slice()); // abcdefghijk

.split()

• 구분자를 이용하여 여러 개의 문자열로 나눈 결과를 배열로 반환한다.
• split('구분자 문자열', '최대 배열 크기');

let str1 = 'sprite, coke, fanta';
let str2 = str1.split(',');
str2 // ['sprite', ' coke', ' fanta']

.splice()

arr.splice(삭제할index, 삭제할개수, 추가할요소, 추가할요소, ...);

• 배열의 첫 요소 삭제: shift()
• 배열의 마지막 요소를 삭제: pop()
• 배열의 첫 요소로 값 추가: unshift(value)
• 배열의 마지막 요소로 값 추가: push(value)

.reverse()

• 배열의 순서를 반전한다. 첫 번째 요소는 마지막 요소가 되며 마지막 요소는 첫 번째 요소가 된다.

let array1 = ['americano', 'latte', 'icecream'];
let reversed = array1.reverse();
reversed // ['icecream', 'latte', 'americano']

.push()

• 맨 끝에 삽입하는 메서드

.pop()

• 맨 끝 요소 삭제하는 메서드

.unshift()

• 맨 앞에 삽입하는 메서드

.shift()

• 맨 앞 요소 삭제하는 메서드

.sort()

• 유니코드 순 오름차순 정렬

let array = [3, 5, 2, 9, 1, 6];
array.sort((a,b) => a - b); // [1, 2, 3, 5, 6, 9]

.fill()

• 배열의 start index부터 end index 전까지 value값으로 채워주는 메소드
• fill(value, start, end)

const arr = ['a', 'b', 'c', 'd'];
arr.fill('A', 1, 3); // ['a', 'A', 'A', 'd']

.filter()

• 콜백함수 첫 번째 인자로 element(배열의 현재 요소), 두 번째 인자로 index(배열의 현재 요소의 인덱스), 세 번째 인자로 array(호출한 배열)가 있다.
• 배열의 각 요소를 순회하며 callback 함수를 실행하여 조건에 맞는 요소만을 갖는 배열을 반환한다.
• 결과가 true인 요소들만으로 이루어진 새로운 배열을 반환한다.

let menu = [
  { species: 'Coffee', name: "Americano" },
  { species: 'Gelato', name: "Strawberry" },
  { species: 'Coffee', name: "Caffe Latte" },
  { species: 'Frappuccino', name: "Yogurt" },
];

  let result = menu.filter((value) => value.species == 'Coffee')
  

console.log(result);

.join()

• 배열의 요소들을 연결해서 하나의 문자열로 만드는 메서드
  -arr.join([separator]): separator는 배열의 각 요소를 구분할 문자열이 들어가는 매개변수다.
• 구분자는 필요한 경우 문자열로 변환되고, 생략하면 배열의 원소들의 쉼표로 구분된다.

const arr = ['강아지', '고양이', '토끼'];

console.log(arr.join());
// 강아지, 고양이, 토끼

console.log(arr.join(''));
// 강아지고양이토끼

console.log(arr.join('-'));
// 강아지-고양이-토끼

.reduce()

• 배열의 각 요소에 대해 콜백 함수를 실행하고 그 결과를 누적하는 배열 메소드
  reduce(callback(accumulator, currentValue[, index, array])[, initialValue])

  • callback: 각 요소에 대해 호출되는 함수. 네 개의 인자를 받는다.

    • accumulator: 누적된 결과 값 또는 초기값
    • currentValue: 배열의 현재 요소
    • index (옵션): 배열의 현재 요소의 인덱스
    • array (옵션): reduce()를 호출한 배열

  • callback 함수의 반환 값은 accumulator에 할당되고 순회 중 계속 누적되어 하나의 값을 반환한다.

  • initialValue: 최초 callback 함수 실행 시 accumulator 인수에 제공되는 값이다.
    초기값을 제공하지 않을 경우 배열의 첫 번째 요소를 사용하고, 빈 배열에서 초기값이 없다면 에러가 발생한다.

const numbers = [5,10,15,20,25];
const sum = numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0);

console.log(sum); // 75

숫자

.Math.pow()

• 숫자를 제곱하는 데 사용된다.
• 두 개의 인수를 받아 첫 번째 인수를 두 번째 인수만큼 제곱한 값을 반환한다.

Math.pow(base, exponent);

• base: 밑이 되는 수
• exponent: 지수
• base의 exponent 제곱 값을 반환한다.