JavaScript + TIL

Array

const arr1 = new Array( );
const arr2 = [1, 2];

const toBuy = ["lemon", "apple", "banana"]
toBuy.push("tomato") 배열에 추가하기

Looping over an array

• for
  for (let i= 0; i < fruits. length; i++) {
  console.log(fruits[i]);
  }

• for of
  for(let fruit of fruits) {
  console.log(fruit);
  }

• forEach
  call back함수를 받아옴 ,배열안에 들어있는 값마다 우리가 정해둔 액션을 수행함
  fruits.forEach((fruit) => console.log(fruit));
  forEach는 배열안에 들어있는 value들 마다 내가 전달한 함수를 출력함

Addtion, deletion, copy

data	넣기	지우기
뒤에 데이터	push	pop
앞에 데이터	unshift	shift
지정된 데이터	splice(index,지울 갯수, 넣을 값)	splice(index,지울 갯수)

• concat: 두가지의 배열을 묶어서 만들때

searching

• indexOf: 배열안에 어떤값이 몇번째 index에 있는지 알고싶을때 (배열안에 해당하는값이 없을땐 -1로 표시됨)
• includes: 배열에 값이 들어있는지 안들어있는지 알고싶을때
• lastIndexOf: 같은 값이 두개가 있을때 마지막 값을 출력

(자료구조, 알고리즘에 대해 더 공부하기!)

Array API

?: 옵셔널

• join
  배열을 string으로 나타내기
  join(separator?: string): string;

• split
  string을 배열로 나타내기
  split(separator: string |RegExp, limit?:number): string[ ];

• reverse
  배열의 순서를 거꾸로 출력하기
  reverse( ): T[ ];

• slice
  배열의 특정한 부분을 리턴해 받아오기
  slice(start?: number, end?: number): T[ ];

• find
  배열의 특정한 값을 찾아 true로 리턴해 받아오기
  find<S extends T>(predicate: (this: void, value: T, index: number, obj: T[ ]) => value is S, thisArg?

• filter
  배열의 특정한 값을 통과하는 모든 요소를 모아 새로운 배열로 반환하기
  filter<S extends T>(callbackfn: (value: T, index: number, array: T[ ]) => value is S, thisArg?:any: S[ ];

• map
  배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환하기
  (배열안에 있는 요소들을 원하는 함수를 이용하여 다른 방식의 데이터를 만들고 싶을때)
  map<U>(callbackfn: (value: T, index: number, array: T[ ]) => U, thisArg?: any): U[ ];Permalink

• some
  배열 안의 어떤 요소라도 주어진 판별 함수를 통과하는지 테스트, boolean 값을 반환
  (배열의 요소중에서 콜백함수가 return이 true가 되는애가 있는지 없는지 확인가능)
  some(callbackfn: (value: T, index: number, array: T[ ]) => unknown, thisArg?: any): boolean;Permalink
  (배열중에 어떤것이라도 하나 만족되는것이 있는지 없는지 검사할땐 some 모든 배열의 조건이 만족되어야 할때는 every 사용)

• reduce
  원하는 시작점 부터 모든 요소를 반복하면서 어떤 값을 누적할 때 사용
  (콜백 함수와, 이니셜 value 전달)
  reduce(callbackfn: (previousValue: T, currentValue: T, currentIndex: number, array: T[ ]) => T, initialValue?: T): T;
  

• sort
  -값을 리턴하면 작은 값부터 정렬, +값을 리턴하면 큰 값부터 정렬
  sort(compareFn?: (a: T, b: T) => number): this;

---

JSON

• Object to JSON
  parse
  (text: string, reviver?: (this: any, key: string, value: any) => any): any;
• JSON to Object
  stringify (오버로딩: 함수의 이름은 동일하지만 어떤 파라미터를 전달하냐, 몇개의 파라미터를 전달하냐에 따라서 각각 다른 방식으로 호출 가능)
  (value: any, replacer?: (this: any, key: string, value: any) => any, space? string | number): string;

함수는 오브젝트에 있는 데이터가 아니기때문에 제외됨, JS에 있는 특별한 데이터도 포함되지 않음 (symbol)