Array 배열

---

배열: 순서(index)가 있는 요소(element)

CRU) Create, Read and Update Array

let myNumber = [1,2,3,4] // create
myNumber[0]; // 1 :read
myNumber[3] = 10; //인덱스의 값 변경 :update
myNumber; //[1,2,3,10] :read

2차원 배열

let myNumber = [
  [1,3],
  [2,4],
  [3,6]
];

myNumber[0][1]; // 3

	0	1
0	1	3
1	2	4
2	3	6

배열 메서드(CRUD)

ArrayName.length;

배열의 길이 반환

ArrayName.push('element');

배열의 끝에 값 추가

ArrayName.pop();

배열 마지막 값 삭제

---

Array.isArray

typeof로 배열 조회시 object가 반환됨

• console.table(arr)
  배열을 테이블로 보여줌!

ArrayName.shift();

배열 가장 앞의 값 삭제

ArrayName.unshift('element');

배열 가장 앞에 값을 추가하고 배열의 길이를 반환함

words.indexOf('element');

element의 인덱스를 반환.
없는 값의 경우 -1 반환.

function hasElement(Array, 'element'){
	let isPresent = arr.indexOf(element) !== -1;
  	return isPresent;
}
//Array에서 해당 element 유무 여부 반환

words.includes('element');

배열에 element가 있는지 여부 반환.

split(seperator, limit);

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/split

const myString = '';
const splits = myString.split();
console.log(splits);
// ↪ [""]

* 원본 문자열을 끊어야 할 부분을 나타내는 문자열
* 문자열이나 정규표현식을 받을 수 있음
* seperator가 생략되거나 str에 없을 경우 반환되는 배열은 원본 문자열을 유일한 원소로 가짐
* seperator가 빈 문자열일경우 str의 각각의 문자가 배열의 원소 하나씩으로 변환!!
* limit은 끊어진 문자열의 최대 개수 limit개가 되면 멈춤.
* array 반환
* 빈문자열 주어지면 빈 배열이 아니라 빈 문자열을 포함한 배열을 반환함
* 문자열과 seperator가 모두 빈 문자열일 경우 빈배열 반환

### Array.join();
> https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/join
```javascript
var a = ['바람', '비', '불'];
var myVar1 = a.join();      // myVar1에 '바람,비,불'을 대입
var myVar2 = a.join(', ');  // myVar2에 '바람, 비, 불'을 대입
var myVar3 = a.join(' + '); // myVar3에 '바람 + 비 + 불'을 대입
var myVar4 = a.join('');    // myVar4에 '바람비불'을 대입

Array.slice(start, end);

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/slice

• begin이 배열의 길이보다 큰 경우 빈 배열 반환
• 음수 인덱스는 배열의 끝에서부터의 길이
• begin이 배열의 길이보다 큰 경우 빈 배열 반환
• end 생략시 arr.length까지 추출

Array.splice(start, deleteCount, item..);

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/splice

var myFish = ['angel', 'clown', 'mandarin', 'sturgeon'];
var removed = myFish.splice(2, 0, 'drum');
// myFish is ["angel", "clown", "drum", "mandarin", "sturgeon"]

• 시작 인텍스부터 시작해서 배열에서 제거할 요소의 수만큼 제거
• start가 배열의 길이보다 큰 경우 0으로 설정됨
• start가 음수인 경우 뒤에서부터 요소를 셈
• deleteCount를 생략하거나 array.length보다 크면 start부터 모든 요소 제거
• deleteCount가 0 이하면 아무것도 제거하지 않음
• item은 배열에 추가할 요소. 제거한 자리에 추가하며 지정하지 않으면 요소 제거만 함

ArrayName1.concat(ArrayName2)

https://dmitripavlutin.com/javascript-merge-arrays/
배열을 합치는 방법

• mutable way : arr1.push(arr2);
• immutable way : arr1.concat(arr2);
• const mergeResult = [...array1, ...array2];

Mutable vs Immutable

Mutable	Immutable
push/pop	slice
shift/unshift	concat
splice	join