728x90
반응형
자바스크립트 8. 배열 제대로 알고 쓰자. 자바스크립트 배열 개념과 APIs 총정리 | 프론트엔드 개발자 입문편 (JavaScript ES6 )
- 한 배열안에는 동일한 타입의 데이터를 넣는 것이 중요
'use strict'
// Array
// 1. Declaration
const arr1 = new Array();
const arr2 = [1, 2,];
// 2. Index position
const fruits = ['apple', 'banana'];
console.log(fruits);
console.log(fruits.length);
console.log(fruits[0]); > apple
console.log(fruits[1]); > banan
console.log(fruits[2]); > undefined
console.log(fruits[fruits.length -1]); 마지막 인덱스 받아옵니다.
// 3. Looping over an array
// print all fruits
// a. for
for (let i = 0; i < fruits.length; i++) {
console.log(fruits[i]);
}
// b. for of
for (let fruit of fruits) {
console.log(fruit);
}
// c. forEach -> (callbackFn: (value: T, index: number, array: T[]) => void, thisArg?: any): void;
fruits.forEach(function(fruit, index, array) {
console.log(fruit, index, array);
});
fruits.forEach((fruit) => console.log(fruit));
// 4. Addition, deletion, copy
// push: add an item to the end
push(...items: string[]): number
fruits.push('딸기', '복숭아');
console.log(fruits);
// pop: remove an item from the end
fruits.pop();
fruits.pop();
console.log(fruits);
// add and item to the beginnning
fruits.unshift('딸기', '레몬');
console.log(fruits);
// remove an item from the beginning
fuits.shift();
fuits.shift();
console.log(fruits);
// note!! shift, unshift are slower than pop, push
// splice: remove an item by index position
fruit.push('딸기', '복숭아', '레몬');
console.log(fruits);
fruits.splice(1); -> 지정한 인덱스부터 모든 데이터를 제거
console.log(fruits);
fruits.splice(1, 1); -> 지정한 인덱스부터 지정한 갯수만큼 제거
consoel.log(fruits);
fruits.splice(1, 1, '포도', '수박'); -> 제거를 지정한 자리에 지정한 데이터들이 들어간다.
console.log(fruits);
// combine two arrays
const fruits2 = ['1', '2'];
const newFruits = fruits.concat(fruits2);
console.log(newFruits);
// 5. Searching
// find the index
// indexOf
console.clear();
console.log(fruits);
console.log(fruits.indexOf('apple')); -> 있으면 해당하는 item의 인덱스 번호, 없으면 -1
console.log(fruits.indexOf('3'));
// includes
console.log(fruits.includes('딸기')); -> 있으면 true, 없으면 false
console.log(fruits.includes('3'));
// LastIndexOf
console.log(fruits);
fruits.push('apple');
console.log(fruits.idnexOf('apple'));
console.log(fruits.lastIndexOf('apple'));
https://www.youtube.com/watch?v=yOdAVDuHUKQ
728x90
반응형
'typescript' 카테고리의 다른 글
자바스크립트 11. 비동기 처리의 시작 콜백 이해하기, 콜백 지옥 체험 😱 JavaScript Callback (0) | 2020.07.02 |
---|---|
UglifyJs [자바스크립트] 압축(Minify) / 난독화(Uglify) (0) | 2020.06.23 |
Typescript - class (0) | 2020.06.19 |
자바스크립트 7. 오브젝트 넌 뭐니? | 프론트엔드 개발자 입문편 (JavaScript ES6) (0) | 2020.06.17 |
자바스크립트 6. 클래스와 오브젝트의 차이점(class vs object), 객체지향 언어 클래스 정리 (0) | 2020.06.16 |
댓글