JS의 핵심! Array 배열

YouTube Link
	자바스크립트 8. 배열 제대로 알고 쓰자. 자바스크립트 배열 개념과 APIs 총정리 | 프론트엔드 개발자 입문편 (JavaScript ES6 )
	https://youtu.be/yOdAVDuHUKQ

오브젝트와 배열의 차이는 무엇인가. 오브젝트는 서로 연관된 것들을 묶어 놓는 것을 말한다. 이러한 비슷한 타입을 묶어놓은 것을 자료구조라고 한다. 자료구조는 동일한 타입만 담을 수 있다. 

---

unshift() & shift()

//unshift : add an item to the beginning

console.log('unshift');

console.log(fruits);//Before

fruits.unshift('lemon', 'strawberry')

console.log(fruits);//After

//shift : remove an item from the beginning

console.log('shift')

console.log(fruits);//Before

fruits.shift();

fruits.shift();

console.log(fruits);//After

console.log();

---

splice()

//splice: remove an item by index position

console.clear();

console.log('splice 1');

console.log(fruits);//Before

fruits.push('strawberry', 'peach', 'orange');

console.log(fruits);//After

console.log('splice 2');

fruits.splice(1);//지정 부분 까지 제거

fruits.push('banana', 'strawberry', 'peach', 'orange');

console.log(fruits);//Before

fruits.splice(1, 3);// 지정 범위 부분 까지 제거

console.log(fruits);//After

console.log('splice 3');

fruits.splice(1);

fruits.push('banana', 'strawberry', 'peach', 'orange');

console.log(fruits);

fruits.splice(1, 3, 'lemon', 'grapes');//지정한 해당 배열을 제거한 후 추가 될 값

console.log(fruits);

---

contact()

//contact : combine to arrays

console.clear();

console.log('contact'); console.log(fruits);

const fruits2 = ['avocado', 'coconut']

console.log(fruits2);

const newFruits = fruits.concat(fruits2);

console.log(newFruits);

 

---

indexOf()&includes()&lastIndexOf()

//indexOf&includes&lastIndexOf : find the index

console.clear();

console.log(fruits);

console.log('indexOf');

console.log(fruits.indexOf('grapes'));

console.log(fruits.indexOf('apple'));

console.log(fruits.indexOf('avocado'));

console.log('includes');

console.log(fruits.includes('grapes'));

console.log(fruits.includes('apple'));

console.log(fruits.includes('avocado'));

console.log('lastIndexOf');

fruits.push('apple');

console.log(fruits);

console.log(fruits.indexOf('apple'));

console.log(fruits.lastIndexOf('apple'));

YouTube Link
	자바스크립트 9. 유용한 10가지 배열 함수들. Array APIs 총정리 | 프론트엔드 개발자 입문편 ( JavaScript ES6)
	https://youtu.be/3CUjtKJ7PJg
	자바스크립트 7. 오브젝트 넌 뭐니? | 프론트엔드 개발자 입문편 (JavaScript ES6)
	https://youtu.be/1Lbr29tzAA8

오브젝트 강의

프로토(proto)