[TIL] JavaScript(기초)_4

Array

- 요소 추가하기

array.push('A')
// 배열의 가장 뒤에 요소 추가

- 요소 삭제하기

array.pop()
// 배열의 가장 뒤에서부터 요소 1개 삭제

array.shift()
// 배열의 가장 앞에서부터 요소 1개 삭제

- filter

조건에 맞는 요소들만 모아서 새로운 배열 반환.
조건에 부합하는 요소가 없으면 빈 배열 반환.

filter(callbackFunction, thisAgr) 의 2개 인자를 갖는다.
callbackFunction 안에서 인자 (element, index, source(순회대상))를 갖으며, element만 필수 인자이다.

let numbers = [10, 4, 32, 17, 5, 2];

// 첫번째 방법 (filter()의 인자에서 바로 함수를 써주는 방법) 
let result = numbers.filter((value)=> value > 10);

console.log(result);      // [ 32, 17 ]
// 두번째 방법 (밖에서 함수를 선언하고 filter()인자에서 callback하는 방법) 
function isBiggerThanTen (value) {
    return value > 10;
}

let result = numbers.filter(isBiggerThanTen);
console.log(result);      // [ 32, 17 ]

Array filter 사용법

- includes()

배열에 특정 값이 있는지 체크하는 함수.
array.includes('value')
값이 있다면 true, 없으면 false를 리턴한다.
유사한 함수로 some()이 있는데, includes()와 다르게 primitive type 외 다른 타입을 체크하는데 적절한 함수이다.

배열의 값 확인 함수

- concat()

원본 배열을 변경하지 않고 주어진 배열을 합쳐서 새로운 배열을 반환한다.
array1.concat(array2)
새로운 배열이나 원본 배열을 수정해도 서로 영향을 받지 않는다.
합치는 배열에서 중복값이 있어도 상관없이 그대로 합쳐준다.

array1.concat(1,array2),array1.concat(array2,array3) 와 같이 3개의 배열을 합칠 수도 있다.

---

반복문

반복문 총정리 참고

for문

for ( 초기 상태(counter 선언); 조건; counter 변화) {
  수행문
}

for문은 조건문이 false일 때까지 수행문을 반복하여 실행한다.
counter가 조건에 true이면 수행문을 수행하고, 그 이후에 counter변화를 적용한다.
즉, counter의 변화는 for문의 끝에서 적용된다. 순서에 주의!!

*숫자형 data type에서
i ++는 i 값에 +1을, i --는 i 값에 -1을 한다.
i ++는 ++1,i+=1로 표현할 수도 있다.

---

객체(object)

• object:
  {key1: value1, key2: value2,...}
  property : key + value

object의 value에도 object가 들어갈 수 있다. (array도!)
array와는 다르게 index가 없으며, property들은 입력한대로 저장되지 않을 수 있다.
index가 없으므로 object의 value에 접근하기 위해서는 key를 사용해야한다.

• Dot Notation
  object.key 와 같이 입력하면 해당 key에 대응하는 value값을 얻을 수 있다.
  숫자로 시작하거나 띄어쓰기가 포함된 key에는 접근할 수 없다.
  key에 변수가 포함되어 있어도 사용할 수 없다.

• Bracket Notation
  object['key'] 와 같이 입력하여 key에 대응하는 value값을 얻을 수 있다.
  key가 변수가 아니라면 ''없이 입력하면 된다.