[JavaScript] 배열

1.배열에서 특정 인덱스(index)의 요소(element)를 조회하거나, 변경할 수 있다.
2.length 속성을 이용하여 배열의 길이를 조회할 수 있다.
3.배열의 요소가 배열인 이중 배열을 이해하고, 이중 배열의 요소를 조회하거나 변경할 수 있다.
4.배열의 각 요소에 대하여, 반복하는 코드를 실행시킬 수 있다.
5.배열에서 사용되는 다양한 메서드를 알고 사용할 수 있다.
split(), join(), slice(), splice(), Array.isArray(), push(), unshift(), pop(), shift(), indexOf(), includes()

1.배열에 indexOf를 사용하거나 lastIndexOf를 사용하여 조회할 수 있으며 5번에 나올 명령어들을 통해 변경할 수 있다.
2. .length를 이용해 배열의 길이를 조회할 수 있다.
3.이중 배열의 외부에서 각 배열을 조회한 후 그 내부의 요소에 메서드를 적용할 수 있다.
4.배열에 조건문, 반복문 등을 이용하여 전체적으로 원하는 조건만 변경하거나 제작할 수 있다.
5. 배열에서 사용되는 다양한 메서드를 알고 사용할 수 있다.(아래)

split() -  x.split('')등의 방식으로 사용되며 x배열(또는 문자열)을 ''내부에 들어간(공백'' 및 공간' '가능)값을 기준으로 분할해 배열화 해주는 메서드다. 공백('')을 사용해 분할할 경우 'ab cd'는 ['a','b',' ','c','d']로 나뉘게 된다. (내부 ' '는 공간(스페이스)이다)

join() - 배열의 모든 엘리먼트를 스트링으로 바꿔주며 ()내부에 구분자('', ',' , ' ', '_' 등)를 사용할 수 있다.

slice() - slice는 o-x타입으로 시작지점 포함 도착지점 불포함 특징을 지니고 있다. x.slice(3,5)를 할 경우 3번째 엘리먼트부터 4번째 엘리먼트까지라고 할 수 있다.  x = ['1','2','3','4','5','6'] x.slice(3,5)의 경우 ['4','5']값을 받을 수 있으며 초과된 부분에 대해서는 추가되지 않는다.  @@ -를 사용하는 방법도 있는데 12시가 넘어서 더 하진 못하겠다. 대충 -3등을 처음에 넣으면 역순으로 어떻게 하는 것 같다.

splice() - 특정 부분을 잘라서 버릴 수 있으며 버린 후 원하는 값을 그 위치에 무한정 넣어줄 수도 있다.

주로 .splice(start,end,add1,add2,add3......) 방식으로 사용한다.

Array.isArray() - 배열체크로 내부에 들어간 엘리먼트가 배열일 경우 true, 아닐 경우 false의 boolean 값을 반환한다.

push() - ()안에 넣은 엘리먼트가 x.push() 의 x배열 내부의 맨 뒤로 들어간다. 

unshift() - push와 유사하게 x.unshift(y)를 할 경우 x배열의 맨 앞에 y가 들어간다.

pop() -x.pop() 의 x배열 내부의 맨 뒤를 삭제한다. 

shift() - pop과 유사하게 x.shift()는 x배열의 맨 앞을 삭제한다.

indexOf() - x.indexOf('y')로 쓰이며 x내부에 'y'가 들어있을 경우의 위치를 나타낸다 ex) abyc = 2 / bbbcy = 4 / bybeyey = 1 등 y값이 여러개라도 맨 앞의 값만 출력되기 때문에  lastIndexOf()도 같은 방식으로 사용되며 뒤에서부터 순서를 조회한다.

includes() - x.includes('y')로 쓰이며 x내부에 'y'가 들어있을 경우 boolean값 true가 나오며 들어있지 않을 경우 false가 나온다. 주의할 점은 여러개가 있어도 true값으로 반환하기 때문에 포함 여부만 파악할 때 사용한다.

 

오늘의 회고는 쉽게 봤는데 마지막 5번을 각자 설명하려니 생각보다 쉽지 않았던 것 같다.

보고 쓸 수 있지만 안보고 사용하라면 몇번의 시행착오가 필요한 상태라 주말에 추가적인 코플릿 복습으로 자유자재로 사용할 수 있어야겠다.