TIL 2022/06/10

김병영·2022년 6월 10일
0

TIL

목록 보기
5/19
post-thumbnail

1일1로그 100일완성 IT지식

009 / 010 / 011

디지털 데이터를 표현하는 가장 기본적인 방식은 비트(bit)를 이용하느 것이다. 비트는 이진 숫자라는 뜻의 binary digit을 축약한 것으로 0 또는 1 중 하나의 값을 가진다. 이러한 비트 한 개로 켜짐/꺼짐, 참/거짓, 위/아래 등 다양한 정보를 표현할 수 있다.

이러한 비트가 8개 모이면 바이트(byte)가 된다. 비트가 2개의 값을 표현할 수 있었다면 바이트는 256개의 값을 구분할 수 있다. 대표적으로 아스키코드가 1byte(7비트를 사용하지만 1비트는 다른 용도로 남겨둔다.)를 사용하며 유니코드는 2byte를 사용한다.
1byte 부터 2진수로 표현하기에는 너무 길기 때문에 십진수 숫자로 표현하거나 16진수 2자리로 표현하기도 한다. 대표적으로 웹페이지에서 색상코드를 들 수 있다. 적, 녹, 청 각 1바이트 씩 총 3바이트로 색상을 나타내며 00~FF까지 각 색상 별 값을 표현한다. (FFFFFF > 흰색)

JAVASCRIPT

배열관련 매소드 (Array Method)

javascript에서 배열을 사용할 때 자주 사용하는 methods

  • pop : 배열의 뒷 요소를 제거하고 그 요소를 반환
const arr = ['a', 'b', 'c'];
const pop_test = arr.pop();

console.log(pop_test); // c
console.log(arr);      // ['a', 'b']
  • push : 하나 이상의 요소를 배열의 가장 마지막에 추가
const arr = ['a', 'b', 'c'];

arr.push('d');      // ['a', 'b', 'c', 'd']
arr.push('e', 'f'); // ['a', 'b', 'c', 'd', 'e', 'f']
  • shift : 배열의 첫 요소를 제거하고 그 요소를 반환
const arr = ['a', 'b', 'c'];
const pop_test = arr.shift();

console.log(pop_test); // a
console.log(arr);      // ['b', 'c']
  • unshift : 하나 이상의 요소를 배열의 가장 앞에 추가
const arr = ['a', 'b', 'c'];

arr.push('d');      // ['d', 'a', 'b', 'c']
arr.push('e', 'f'); // ['e', 'f', 'd', 'a', 'b', 'c']
  • sort : 배열의 배열 요소들을 알파벳 순서에 따라 정렬합니다.
const arr = ['c', 'b', 'a']; 
const numArr = [10, 21, 1, 2, 3];

strArr.sort(); // ['a', 'b', 'c']
numArr.sort(); // [1, 10, 2, 21, 3] > sort는 문자열 정렬이기 때문에 숫자여도 문자열 정렬
  • reverse : 배열 요소의 순서를 전부 반대로 교체
const arr = ['c', 'b', 'a'];

strArr.reverse(); // ['a', 'b', 'c']
  • slice : 시작 인덱스부터 종료 인덱스 바로 앞까지의 모든 배열 요소를 추출하여 새로운 배열을 반환
const arr = ['a', 'b', 'c', 'd'];
const arr1 = arr.slice(1);
const arr2 = arr.slice(1, 3);

console.log(arr1) // ['b', 'c', 'd']
console.log(arr2) // ['b', 'c']
  • forEach : 해당 배열의 모든 요소에 대하여 반복적으로 명시된 콜백 함수를 실행
const arr = ['a', 'b', 'c', 'd'];

arr.forEach((item) => {
	console.log(item); // a b c d
})
  • map : 해당 배열의 모든 요소에 대하여 반복적으로 명시된 콜백 함수를 실행한 후, 그 실행 결과를 새로운 배열에 담아 반환
const arr = ['a', 'b', 'c', 'd'];
const mapArr = arr.map((item) => {
	return item + 'e';
})

console.log(mapArr); // ae be ce de
  • filter : 해당 배열의 모든 요소에 대하여 반복적으로 명시된 콜백 함수를 실행한 후, 그 결괏값이 true인 요소들만을 새로운 배열에 담아 반환
const arr = ['a', 'b', 'c', 'd'];
const filterArr = arr.filter((item) => {
	return item === 'a';
})

console.log(filterArr); // a

오늘의 한줄
최근 javascript를 많이 사용하면서 filter, map, forEach 등 많은 매소드를 사용하는데 할 때마다 찾아보다가
한번 쯤 전체적으로 정리해보려 했는데 막상 해보니 생각보다 많았던거 같다.
앞으로도 자주 사용하는 매서드들을 모아서 정리해야겠다.
profile
--- 생각중 ---

0개의 댓글