다시 정리하는 Array 객체

Array 객체로 배열 만들기

var myArray = newArray(); // Array 객체의 인스턴스를 만듭니다.

var numbers = ["one", "two", "three", "four"]; // 리터널을 사용한 배열

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

// 배열에 있는 값을 확인하는법

var seasons = ["봄","여름","가을","겨울"]

seasons.length

4

// 배열에 4개의 요소를 표현

// 배열의 인덱스 값은 0부터 시작 위 같은 경우는 0~3까지

// seasons[0]~[3]

for (var i=0; i < seasons.length; i++){

    console.log(seasons[i]);

}

// 결과 값 봄,여름,가을,겨울

// 둘 이상의 배열을 연결하는 concat 함수

var nums = ["1","2","3"];

var chars = ["a","b","c","d"];

nums.concat(chars)// nums 배열에 chars 배열 연결

(7) ["1","2","3","a","b","c","d"]

// concat()함수 사용 시 배열 순서를 바꿀수 있다.

var nums = ["1","2","3"];

var chars = ["a","b","c","d"];

chars.concat(nums)// chars 배열에 nums 배열 연결

(7) ["a","b","c","d","1","2","3"]

// 새로운 배열을 만들기 때문에 기존의 배열에는 영향X

// 배열 요소를 연결하는 join()함수

// join()함수는 구분 기호를 지정할 수 있는데 지정하지 않는다면 , 로 지정된다.

nums .join()// 구분 기호 없이 연결

"1,2,3"

nums.join("-"); // 구분 기호 - 지정

"1-2-3"

// 새로운 요소를 추가하는 함수 push(), unshift()

var nums = ["1","2","3"]

nums.push("4","5") //nums 배열 맨 끝에 "4"와 "5" 추가

5 // 새 요소가 추가된 후 요소의 갯수

nums.unshift("0") // 배열의 맨 앞에 "0" 추가

6 // 요소의 갯수

// 배열에서 요소를 추출하는 pop() 함수와 shift()함수

var study = ["html","css","javascript"]

study.pop() // 배열의 마지막에 있는 요소 반환

"javascript"

study

(2) ["html","css"]

var js =["es6+","node","react","angular","vue"]

js.shift() // 배열의 첫번째 요소 반환

"es6+"

// 원하는 위치의 요소를 삭제하거나 추가하는 splice()함수

// splice() 함수안에 인수가 1개

var numbers = ["1","2","3","4","5"]

numbers.splice(2) // 인덱스 2(세 번째 요소) 이후 끝까지 삭제

(4) [2,3,4,5] // 삭제된 요소로 이루어진 배열

numbers

(2) [0,1] // 수정된 원래 배열

// 인수가 2개 일 경우

var study = ["html","css","web","jquery"]

study.slice(2,1) // 인덱스 2에서 1개만 삭제

["web"]

study

(3) ["html", "css", "jquery"]// 수정된 원래 배열

// 인수가 3개 일 경우

study.splice(2,1,"js")

["jquery"] // 인덱스 2에서 1개삭제

study

(3) ["html","css","js"] // 삭제후 js 추가

// 삭제한 요소가 없으면 실행 결과는 빈 배열

study.splice(2,0,"jquery")

[]

study

(3) ["html","css","jquery","js"]

// 여러 요소를 추가하고 싶을 때

var chars = ["a","e","f"]

chars.splice(1,0,"b","c","d") // 인덱스의 1번째 부터 새로운 요소 추가

[]

(6) ["a","b","c","d","e","f"] // 새로운 요소 추가

// 원하는 위치의 요소들을 추출하는 slice()함수

var color = ["red","green","blue","white", "black"]

color.slice(2)

(3) ["blue", "white", "black"] // 인덱스 2부터 끝까지추출

(5) ["red","green","blue","white", "black"] // 원래 배열은 변경되지 않음

// 주의할점 원래 배열은 변경되지 않으므로 삭제하는 용도로는 사용x

var color2 = color.splice(1,4)

color2

(3) ["green","blue","white"]

color

(5) ["red","green","blue","white", "black"]