i can do ik!

split

str.split(구분자)

split은 구분자를 기준으로 문자열을 나눈다.

결과는 배열로 반환.

예제 코드

const text = '2022-01-02';

const splitResult = text.split('-'); // ["2022","01","02"]

console.log(splitResult[0]); // 2022

console.log(splitResult[1]); // 01

console.log(splitResult[2]); // 02

substring

str.substring(시작 인덱스, 종료 인덱스)

substring은 시작 인덱스부터 종료 인덱스까지의 문자열을 반환.

예제 코드

const text = 'abcdefghi';

console.log(text.substring(2, 5)); // cdef

console.l0g(text.substring(2)); // cdefghi 종료인덱스 생략시 문자열 끝까지 반환

substr 

str.substr(시작 인덱스, 길이)

substr은 시작 인덱스부터 길이 만큼의 문자열을 반환.

예제 코드

const text = 'abcdefghi';

console.log(text.substr(0, 1)); // a

console.log(text.substr(0, 3)); // abc

console.log(text.substr(1)); // bcdefghi 길이 생략시 문자열 끝까지 반환

올림

Math.ceil(x): 주어진 값에 소수점 올림하여 정수를 반환

const number1 = 9.235
const number2 = 99.542

console.log(Math.ceil(number1))   // 10
console.log(Math.ceil(number2))   // 100

내림

Math.floor(x): 주어진 값에 소수점 내림하여 정수를 반환

const number1 = 9.235
const number2 = 99.542

console.log(Math.floor(number1))   // 9
console.log(Math.floor(number2))   // 99

반올림

Math.round(x): 주어진 값에 소수점 반올림하여 정수를 반환

const number1 = 9.235
const number2 = 99.542

console.log(Math.round(number1))   // 9
console.log(Math.round(number2))   // 100

제거

Number.prototype.toFixed(x): 주어진 값의 길이만큼 소수점 자리수를 반올림하여 반환

const number1 = 10.33524
const number2 = 10.2587456

console.log(number1.toFixed(2))   // 10.34
console.log(number2.toFixed(4))   // 10.2587

parseInt()

parseInt()는 문자열 인자를 파싱하여 특정 진수의 정수를 반환.

parseInt(string);
parseInt(string, radix);

string

파싱할 값. 문자열이 아닐 경우 ToString 추상 연산을 사용해 문자열로 변환. 문자열의 선행 공백은 무시한다.

radix(Optional)

string의 진수를 나타내는 2부터 36까지의 정수이다.

기본 값이 10이 아니다. Number 자료형이 아닌 경우 Number로 변환합니다.

parseInt() 예제

parseInt('0e0')  // 0
parseInt('08')   // 8
parseInt('015', 10) // 15
parseInt('F', 16) // 15
parseInt('17', 8) // 15
parseInt('-15', 10) // -15
parseInt('-1111', 2)  // -15
parseInt('-15e1', 10)  // -15

repeat()

repeat()은 문자열을 주어진 횟수만큼 반복해 붙인 새로운 문자열을 반환.

str.repeat(count);

count

문자열을 반복할 횟수. 0 ~ 무한대 사이의 정수

RangeError

반복 횟수는 양의 정수여야 함.

반복 횟수는 무한대보다 작아야 하며, 최대 문자열 크기를 넘어선 안됨.

repeat() 예제

'abc'.repeat(-1);   // RangeError
'abc'.repeat(0);    // ''
'abc'.repeat(1);    // 'abc'
'abc'.repeat(2);    // 'abcabc'
'abc'.repeat(1/0);  // RangeError

unshift()

unshift()는 새로운 요소를 배열의 맨 앞쪽에 추가하고, 새로운 길이를 반환.

배열 형태의 객체 시작점에 주어진 값을 삽입.

arr.unshift([...elementN])

elementN - 배열 맨 앞에 추가할 요소.

unshift() 예제

let arr = [1, 2];

arr.unshift(0); 
// arr is [0, 1, 2]

arr.unshift(-2, -1); 
// arr is [-2, -1, 0, 1, 2]

arr.unshift([-3]);
// arr is [[-3], -2, -1, 0, 1, 2]

shift()

shift()는 배열에서 첫 번째 요소를 제거하고, 제거된 요소를 반환.

0번째 위치의 요소를 제거 하고 연이은 나머지 값들의 위치를 한칸 씩 앞으로 당긴다.

배열의 길이를 변하게 한다. length가 0이라면 undefined를 리턴.

arr.shift()

shift() 예제

let myFish = ['angel', 'clown', 'mandarin', 'surgeon'];

console.log('myFish before: ' + myFish);
// "제거전 myFish 배열: angel,clown,mandarin,surgeon"

let shifted = myFish.shift();

console.log('myFish after: ' + myFish);
// "제거후 myFish 배열: clown,mandarin,surgeon"

console.log('Removed this element: ' + shifted);
// "제거된 배열 요소: angel"

JSON.stringify()

• stringify 메서드는 JavaScript 객체를 인자로 받고 JSON 문자열을 반환.

JSON.stringify() 예제

const obj = {
  name: "ik",
  age: 33,
  job: "engineer"
};

const str = JSON.stringify(obj);

console.log(str); 
// '{"name":"ik","age":33,"jobs":"engineer"}'

JSON.parse()

• parse 메서드는 JSON 문자열을 인자로 받고 결과값으로 JavaScript 객체를 반환.

JSON.parse() 예제

const str = `{
  "name": "ik",
  "age": 33,
  "jobs": "engineer"
}`;

const obj = JSON.parse(str);

console.log(obj);
// JSON 문자열 형태의 데이터가 JavaScript 객체의 형태로 변환되어 출력
{
  name: "ik",
  age: 33,
  jobs: "engineer"
}

// 참고
obj.name
"ik"
obj.age
33
obj.jobs
"engineer"

for...in (객체 순환)

• es6 에서 추가된 문법
• 객체에 사용 할 수 있다.
• 객체의 key값과 value 값을 추출하는데 유용.
• 객체의 키값의 갯수만큼 반복하여 첫번쨰키값부터 마지막 키값까지 반복.

for (variable in object) { ... }

for...in 예제

See the Pen for...in by Kim Jae Ik (@doitdoik) on CodePen.

for...of (배열 순환)

• es6 에서 추가된 문법
• 반복할 수 있는 객체(iterable objects)를 순회할 수 있도록 해주는 반복문
• 객체 Map, Set, Array, String 등을 반복(Object X)
  
• 배열과 문자열 등, for of 으로 반복

for (variable of iterable) {
  statement
}

for...of 예제

See the Pen Untitled by Kim Jae Ik (@doitdoik) on CodePen.