JS-배열 내장함수

김진우·2023년 8월 9일
0

Javascript

목록 보기
33/48

배열 내장함수

  • toString() : 배열을 문자로 변환
  • join() : 구분자를 활용해 문자열로 이어붙이기
    ex)
const colors = ["red", "green", "blue"];
const result = colors.toString();
const result = colors.join("+");
console.log(result);

//결과값으로 red+green+blue 라는 문구가 출력 됨.
  • pop() : 배열의 마지막 요소 제거(리턴값으로 잘라낸 요소 반환)
    ex)
const colors = ["red", "green", "blue"];
const result = colors.pop();
console.log(colors);
console.log(result);

// colors는 맨 마지막인 blue가 없어지고 red, green이 출력됨.
// result의 경우 없어진 blue가 출력됨.
  • push() : 배열의 끝부분에 새로운 요소 추가(리턴값으로 배열의 길이 반환)
    ex)
const colors = ["red", "green", "blue"];
colors.push("aqua");
console.log(colors);
//결과값으로 colors에 red, green, blue, aqua 가 출력이 됨


//아래 처럼 const 로 함수를 정의 후 출력 해보면 배열의 길이인 4가 나오게 됨.

const result = colors.push("aqua")
  • shift() : 배열의 첫 부분 요소 제거(리턴값으로 잘라낸 요소 반환)
    ex)
const colors = ["red", "green", "blue"];

const result = colors.shift();
console.log(colors);
// 첫 요소인 red 가 지워지고, green, blue가 나오게 됨
console.log(result);
// 지워진 red가 출력이 됨.
  • unshift() : 배열의 첫 부분에 새로운 요소 추가(리턴값으로 길이 반환)
    ex)
const colors = ["red", "green", "blue"];

const result = colors.unshift("pink");
console.log(colors);
// 첫 요소에 pink가 추가되어, pink, red, green, blue가 출력됨
console.log(result);
// 첫 요소에 pink가 추가되어, 4개가 되어, 4가 출력이됨
  • splice(삽입위치, 잘라낼갯수, 추가할 내용) : 배열에 새로운 요소를 잘라서 붙임
    ex)
const colors = ["red", "green", "blue"];
colors.splice(1,0,"pink"):
//colors라는 배열에서 1번쨰위치(red 다음)에 지울거는 없고 pink 값을 추가하겠다. 라는 뜻
colors.splice(1,1,"pink"):
//위같은 경우 green을 삭제하고 pink가 들어가게 됨.
  • concat() : 두개의 배열 합치기
const colors = ["red", "green", "blue"];
const colors2 = ["aqua", "pink", "violet"];
const result = colors.concat(colors2);
console.log(result);
//위의 경우 ["red", "green", "blue", "aqua", "pink", "violet"]; 이 출력됨.
  • slice() : 배열 잘라내기
const colors = ["red", "green", "blue"];
const colors2 = ["aqua", "pink", "violet"];
const result = colors.slice(1)
console.log(result)
//결과값으로 green, blue가 나오게 됨.
  • sort() : 알파벳순으로 요소 정렬
    ex)
const names = ["David", "Andy", "Tom", "Michael"];
names.sort();
console.log(names);
// 결과값이 Andy , David, Michael, Tom 알파벳순으로 자동 나열 됨
  • reverse() : 알파벳 역순으로 요소 정렬
    ex)
const names = ["David", "Andy", "Tom", "Michael"];
names.reverse();
console.log(names);
//결과값이 Tom, Michael, David, Andy 알파벳 역순으로 자동 나열 됨
profile
Code log

0개의 댓글

관련 채용 정보