티스토리 뷰

배열 선언

//배열 선언
let arr = [1, 2, 3, "hello", null, true, []];

배열 길이

//배열의 길이
arr.length;  //결과:7

원소 추가

//배열 원소 추가
arr[2] = 99;  //[ 1, 2, 99, 'hello', null, true, [] ]
arr.push(3);  //[ 1, 2, 99, 'hello', null, true, [], 3 ]

배열과 관련된 함수들

//indexOf(): 배열에 특정 값이 있는지 확인
arr.indexOf(99);  //2

//join(): 배열을 문자열로 반환
arr.join();     //1,2,99,hello,,true,,3
arr.join('');   //1299hellotrue3
arr.join('+');  //1+2+99+hello++true++3

//concat(): 배열을 합침
arr.concat(500, 600); //[ 1, 2, 99, 'hello', null, true, [], 3, 500, 600 ]

//...: spread operator. concat()과 동일하게 작동
let arr2 = [...arr, 'a', 'b']; //[ 1, 2, 99, 'hello', null, true, [], 3, 'a', 'b' ]

//forEach(): 배열 요소 각각에 대해 함수를 실행
arr.forEach(function(value){
  console.log(value);
});

arr.forEach(value => console.log(value));

//map(): 배열 요소 각각에 대해 함수를 실행 후 결과를 모아 새로운 배열 반환
const mapped = arr.map(function(value){
  return value * 2;
});

const mapped = arr.map(value => value * 2);

//filter(): 배열 요소 각각에 대해 조건을 만족한 요소를 모아 새로운 배열 반환
const filtered = arr.filter(function(value){
  return typeof value == 'number';    //[ 1, 2, 99, 3 ]
});

const filtered = arr.filter(value => typeof value == 'number');

참조

https://www.boostcourse.org/web316/lecture/16745/
spread operator - https://sheldhe93.tistory.com/13
forEach() - https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach
map() - https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/map
filter() - https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/filter

'Language > Javascript' 카테고리의 다른 글

DOMContentLoaded 이벤트  (0) 2020.12.30
객체와 객체 탐색  (0) 2020.12.28
appendChild(), insertBefore()  (0) 2020.12.27
parentElement, parentNode  (0) 2020.12.26
querySelector(), getElementById()  (0) 2020.12.26
댓글
Total
Today
Yesterday
링크
Apple 2023 맥북 프로 14 M3, 스페이스 그레이, M3 8코어, 10코어 GPU, 512GB, 8GB, 한글