1. 배열

배열의 생성

var array = [1,2,3]; //배열 리터럴 
var arrayObj = Array(1,2,3); //Array객체생성
var arrayNewObj = new Array(1,2,3); //new 연산자를 이용한 객체생성

 

배열 요소추가

arrayObj.push(4); //push메소드 이용
array[array.lengh] = 4; //lengh프라퍼티 이용
array[3] = 4; //특정 인덱스

 

배열연산

- push() : 배열 '끝 '에 요소 '추가'

- pop() : 배열 '끝' 에서부터 항목 '제거'

- unshift() : 배열 '앞' 에 항목 '추가'

- shift() : 배열 '앞' 에서부터 항목 '제거'

- indexOf() : 배열안의 항목찾기

- splice( a, b, 'c') : 배열의 a번째부터 b개의 항목을 삭제하고 'c'항목을 추가 

- slice(a, b) :  배열의  a번째부터 b번째까지의 내용을 포함하는 배열을 복사

- sort() : 배열원소를 정렬

- concat() : 배열에 다른 배열을 합쳐서 반환

- join() : 배열값 사이에 원하는 문자삽입, 단 대입문으로 넣어줘야하고 join시 배열이 문자형으로 바뀜

 

var array = ['바나나', '오렌지', '사과'];
array.push('키위'); // 바나나 오렌지 사과 키위
array.pop(); //바나나 오렌지 사과
array.shift(); // 오렌지 사과
array.unshift('포도') // 포도 오렌지 사과
array.indexOf('오렌지') // 1
array.splice(1,1,'깔라만시') // 포도 깔라만시 사과
var copyArray = array.slice(); // 포도 깔라만시 사과

var arr2 = [5,2,1,4,3];
arr2.sort(); // 1,2,3,4,5

array.concat(arr2) // 포도, 깔라만시, 사과, 1,2,3,4,5
array = array.join('/'); // "1/2/3/4/5"

 

배열순회

- for문 : 

- for in : 

- for of : 

- forEach문 : 

- filter() : 조건에 맞는 엘리먼트만 반환 ( e<3 )

- map(element, index, array) : 반복문을 돌며 1대1로 매핑시켜주고 기존 객체는 변경시키지않음. (e+1)

- reduce() :

- sort() : 

- every() : 

- find() :

- findIndex() :

- indexOf() : 

- some() : 

 

for(var i = 0; i<array.length ; i++){ console.log(array); } //for문

for(var i in array){ console.log(array); } //for in 문

arrayObj.forEach(function(item,index){ console.log(item + index); }); //foreach문 

var newArray = arr.filter(function(element, index, array){
	return element <= 3;  
}) //filter문

var mapArray = arr.map(function(v){ return v+1;}) //map

 

 

https://coding-factory.tistory.com/194

[JavaScript] 자바스크립트 배열 선언 및 사용법 총정리