본문 바로가기
Script/JavaScript

[JavaScript] Chapter 06. 배열과 함수

by song.ift 2022. 12. 10.

Array 함수 (method)

  • Array 객체 내 존재하는 함수
  • 추가, 삭제, 분리, 합침, 정렬 등 존재
함수 (method) 설명
push 배열 끝에 추가
pop 배열 끝 삭제
unshift 배열 처음 추가
shift 배열 처음 삭제
indexOf 배열에서 탐색한 문자열을 처음 만난 요소 위치 반환
lastIndexOf 배열에서 탐색한 문자열을 처음 만난 요소 위치 반환 (역순)
sort 배열 정렬
reverse 배열 거꾸로 뒤집기
slice 시작과 끝 범위 요소를 잘라 새로운 배열 생성
splice 일정 범위 요소 삭제, 새로운 요소 추가
concat 합치는 기능
join 배열 합쳐 문자열로 반환, 구분자 이용 가능

 

순회 함수 (method)

  • 배열의 값을 읽기 위한 함수
  • 배열 순회하면서 복사, 수정, 통계 등 산출 가능

순회함수 종류

  1.  for문
  2.  Array.forEach
  3.  Array.map
  4.  Array.filter
  5.  Array.reduce
let arr = new Array("사과", "바나나", "수박", "오렌지");

function callback(element) {
    document.write(element + ",");
}

// forEach
arr.forEach(callback);
arr.forEach(element => document.write(element + ","));

// map
arr.map(callback);

// filiter
let rtn = arr.filiter(function(data) {
    return data == "사과" ? true : false;
});
document.write("결과 :: " + rtn);    // 사과     // 만약 사과가 없다면 아무것도 출력 안함.

// reduce
const array1 = [1, 2, 3, 4];
const initialValue = 0;
const sumWithInitial = array1.reduce(
    (preValue, curValue) => preValue + curValuie
    , initialValue    // 누산기 (누적 용도)
);
console.log(sumWithInitial);     // 10

댓글