[JS] 내장 객체 - Array 객체와 메서드

😀 참고 사이트 : mdn web docs

자바스크립트 내장 객체에는 웹 문서의 계층 구조와 상관없이 나타낼 수 있는 객체가 있음. Array 객체와 Date 객체가 대표적임.

Array 객체로 배열 만들기

① Array 객체 인스턴스 만들기 - 초기값이 없는 경우

var numbers = new Array();     // 배열의 크기를 지정하지 않음. 
var numbers = new Array(4);    // 배열의 크기를 지정함. 

② Array 객체 인스턴스 만들기 - 초기값이 있는 경우

var numbers = ["one", "two", "three", "four"];        // 배열 선언 
var numbers = Array("one", "two", "three", "four");   // Array객체를 사용한 배열 선언 

③ 배열을 만들고 요소 표시하기

var numbers = ["one", "two", "three", "four"];    // 배열 선언 

  for (i=0; i < numbers.length; i++) {
    document.write("<p>" + numbers[i] + "</p>");
  }

Array 객체의 메서드

• concat : 기존 배열에 요소를 추가해 새로운 배열을 만듦.
• every : 배열의 모든 요소가 주어진 함수에 대해 참이면 true를 반환하고 그렇지 않으면 false를 반환
• filter : 배열 요소 중에서 주어진 필터링 함수에 대해 true인 요소만 골라 새로운 배열을 만듦.
• forEach : 배열의 모든 요소에 대해 주어진 함수를 실행
• indexOf : 주어진 값과 일치하는 값이 있는 배열 요소의 첫 인덱스를 찾음.
• join : 배열 요소를 문자열로 합침. 이때 구분자를 지정할 수 있음.
• push : 배열의 맨 긑에 새로운 요소를 추가한 후 새로운 length fmf qksghks
• unshift : 배열의 시작 부분에 새로운 요소를 추가
• pop : 배열의 마지막 요소를 꺼내 그 값을 결과로 반환
• shift : 배열에서 첫 번째 요소를 꺼내 그 값을 결과로 반환
• splice : 배열에 요소를 추가하거나 삭제
• slice : 배열에서 특정한 부분만 잘라 냄
• reverse : 배열의 배치 순서를 역순으로 바꿈
• sort : 배열 요소를 지정한 조건에 따라 정렬함
• toString : 배열에서 지정한 부분을 문자열로 반환. 이때 각 요소는 쉼표,로 구분함.

배열끼리 합치는 concat() 메서드

서로 다른 배열 2개를 합쳐서 새로운 배열을 만들어 줌.
어느 배열을 먼저 쓰는가에 따라 기준이 달라지고, 결과 배열의 순서도 달라짐. concat()메서드를 이용해 새로 만들어진 배열은 기존 배열에 영향을 주지 않음.

var nums = [1, 2, 3];
var chars = ["a", "b", "c", "d"];

var numsChars = nums.concat(chars);
var charsNums = chars.concat(nums);

document.write("nums에 chars을 합치면: ", numsChars, "<br> chars에 numbs를 합지면: ", charsNums);

배열 안의 요소끼리 합치는 join() 메서드

배열 요소를 연결해서 하나의 문자열로 만들어 줌. 이때 각 요소 사이에 원하는 구분자(/)를 넣을 수도 있는데, 따로 지정하지 않으면 요소를 쉼표(,)로 구분함.

var nums = [1, 2, 3];
var chars = ["a", "b", "c", "d"];

var string1 = nums.join();
document.write("변수 nums에 join()메서드 사용 : " + string1 + "<br>");
document.write("nums의 길이는" + nums.length + "<br>");
document.write("string1의 길이는" + string1.length + "<br>");

var string2 = chars.join("/");
document.write("변수 chars에 join('/')메서드 사용 : " + string2);

새로운 요소를 추가하는 push(), unshift() 메서드

• push() : 배열 맨 끝에 요소를 추가
• unshift() : 배열 맨 앞에 요소를 추가
• 추가하는 요소는 여러 개일 수도 있음. 배열 맨 앞과 맨 뒤에 요소를 추가하면 원래 있던 배열이 바뀜.

코드를 입력하세요