사실 연산자부터 정리해야하는데 그건 주말에 몰아서 정리를하고, 오늘 배운 배열에대해서 적으면서 개념정리를 하지않으면 너무 힘들것같아 중간점프하고 배열을 정리해보겠다.
코드스테이츠 시작으로 자바스크립트를 만난지 어언 7일차...
너란녀석 가까워질려면 멀어지고.. 신기루같은 존재가 되어가고있다.
지금 매운맛 반복문에대해서 개념정리를 정말 많이 공부해야할 것 같은데
수업은 나를 기다려 주지 않는다..
그래서 오늘 처음만난 배열이라는 녀석부터 짚고 넘어가보도록하자!
키(key)를 사용해 식별할 수 있는 값을 담아 객체라는 자료구조를 이용해 저장한다.
'순서'가있는 것들을 다뤄야 할 때 배열을 사용하면 좋다!
let arr = [];
-> let arr = ["사과","오렌지","포도"];
대괄호 안에 초기 요소를 넣어주는 것도 가능하며
각 배열 요소는 0부터 시작하는 숫자(인덱스)가 매겨져 있다!
배열의 순서는 0부터 시작
그래서 특정 요소를 얻고 싶다면 대괄호 안에 숫자 인덱스를 넣어주면된다!
let fruits = ["사과", "오렌지", "포도"];
alert( fruits[0] ); // 사과
alert( fruits[1] ); // 오렌지
alert( fruits[2] ); // 포도
참 쉽죠잉~?
해당 인덱스에 새로운 요소도 추가할 수있다 !
fruits[2] = '배'; // 배열이 ["사과", "오렌지", "배"]로 바뀜
fruits.length // 배열에 .length를 사용하면 길이를 알 수 있다.
배열 뒷부분 요소의 값을 삭제
let arr = [ 1, 2, 3, 4 ];
arr.pop();
console.log( arr ); // [ 1, 2, 3 ]
배열 뒷부분에 값을 삽입
let arr = [ 1, 2, 3, 4 ];
arr.push( 5 );
console.log( arr ); // [ 1, 2, 3, 4, 5 ]
배열 앞부분에 값을 삽입
let arr = [ 1, 2, 3, 4 ];
arr.unshift( 0 );
console.log( arr ); // [ 0, 1, 2, 3, 4 ]
배열 앞부분의 값을 삭제
let arr = [ 1, 2, 3, 4 ];
arr.shift();
console.log( arr ); // [ 2, 3, 4 ]
배열의 특정위치에 요소를 추가하거나 삭제
splice( index, 제거할 요소 개수, 배열에 추가될 요소 )
let arr = [ 1, 2, 3, 4, 5, 6, 7 ];
arr.splice( 3, 2 );
console.log( arr ); // [ 1, 2, 3, 6, 7 ] 3번째 인덱스에서부터 2개 제거
let arr = [ 1, 2, 3, 4, 5, 6, 7 ];
arr.splice( 2, 1, "a", "b");
console.log( arr ); // [ 1, 2, "a", "b", 4, 5, 6, 7 ] 2번째 인덱스에서 1개 제거 후 "a"와 "b"를 추가
배열의 startIndex부터 endIndex까지(endIndex는 불포함)에 대한 shallow copy를 새로운 배열 객체로 반환
let arr = [ 1, 2, 3, 4, 5, 6, 7 ];
let newArr = arr.slice( 3, 6 );
console.log( 'slice', newArr ); // [ 4, 5, 6 ]
다수의 배열을 합치고 병합된 배열의 사본을 반환
let arr1 = [ 1, 2, 3 ];
let arr2 = [ 4, 5, 6 ];
let arr3 = arr2.concat( arr1 );
console.log( arr3 ); // [ 4, 5, 6, 1, 2, 3 ]
지정된 함수의 결과 값을 true로 만드는 원소들로만 구성된 별도의 배열을 반환한다.
let arr =[ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 ];
let isEven = function( value ) {
return value % 2 === 0;
};
let newArr = arr.filter( isEven );
console.log( newArr ); // [ 2, 4, 6, 8, 10 ]
배열 원소 전부를 하나의 문자열로 합친다.
let arr =[ 1, 2, 3, 4 ];
console.log( arr.join() ); // 1,2,3,4
console.log( arr.join( '-' ) ); // 1-2-3-4
아직 정리 못한 것들은 추후에 좀더 수정하기로하고
코플릿문제 내일까지 모두 다 풀 수 있도록 구글링을 열심히 해야겠다!
객체에 대해서는 발만 담궜는데 내일 코플릿 문제를 풀 수 있을 지 걱정이된다.
페어와 함께 열심히 으쌰으쌰 해야겠다!
화이팅!!