배열데이터

배열데이터

배열 API에 대해서 살펴보자 .

배열데이터의 특정한 위치를 가리키는 숫자가 된다.

위의 배열의 index 숫자를 입력해서

위와 같이 해당 배열의 index가 가리키는 데이터를 출력할 수 있다.

Array

JavaScript Array 전역 객체는 배열을 생성할 때 사용하는 리스트 형태의 고수준 객체입니다.

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array

Array.prototype.find()

find() 메서드는 주어진 판별 함수를 만족하는 첫 번째 요소의 값을 반환합니다.

그런 요소가 없다면 undefined를 반환합니다.

.length( )

배열데이터가 가지고 있는 갯수를 반환해준다.

배열의 길이가 얼마냐를 의미한다.

.concat( )

두개의 배열데이터를 병합해서 새로운 배열데이터를 그자리에 반환해주는 메서드이다.

원본의 데이터는 손상이 되지 않는다.

.forEach()

fruits.forEach()안에

콜백 함수의 그 안에 각각의 매개변수를 통해서 함수의 로직으로 사용함

.forEach() 메서드는 메서드가 붙어있는

배열데이터의 아이템의 갯수만큼 인수로 사용된 콜백 함수가 반복적으로 수행된다.

따로 반환되는 값은 없다.

.map()

map이라는 메서드에 콜백함수를 작성할 수있겠고,

배열 데이터의 갯수만큼 map이라는 메서드 안에 들어있는 콜백 함수가

반복적으로 실행이 된다.

리턴키워드를 사용해서 콜백 함수 밖으로 반환을 하고 있다.

.map()메서드는 내부의 콜백에서 반환된 특정한 데이터를 기준으로 해서

데이터들의 몸인 새로운 배열을 메서드가 실행된 자리에서 반환해준다.

그 map이 실행된 값이 b라는 변수에 할당 될것이고

그것을 콘솔로그로 확인 해 볼 수 있다.

아래와 같이 객체데이터를 넣고 리턴값을 낼 수도 있다.

화살표함수로 변경한 코드

from http://dhstory311.tistory.com/165 by ccl(A) rewrite - 2021-10-01 22:01:14