[TIL] 배열(Array) 😊

키워드
index, element, console.table, !== -1, Array.isArray, 배열 메소드 

배열; 순서가 있는 값 [a,b,c...]

let myNum = [1, 2, 3]

myNum[2]; // 3
myNum[3]; // undefined



let myNum2 = [[1,2], [3,4], [5,6]]

myNum[2]; // [5,6]
myNum[2][0]; // 5

배열의 반복

// 배열 myNum의 인덱스를 출력하는 방법
// myNum의 인덱스 => myNum[];
// 출력값: console.log(myNum[]);

let myNum = [1, 2, 3, 4];

for (let i = 0; i < myNum.length; i++) {
	console.log(myNum[i]);
} 

// 1
// 2
// 3
// 4

let myNum = [1, 2, 3, 4]
let sum = 0;

for (let i = 0; i < myNum.length; i++) {
	sum = sum + myNum[i]
} // 10

// 내용은 이해가 되는데 위에 출력한다는 내용의 코드가 없는데도 출력값이 반환된다. 아직 코드를 작성하는 것과 작동하는 원리가 정리되지 않은 듯. 일단 최종값을 출력하는 데 필요한 명령어는 return, console.log, console.table. 이렇게 3개를 배웠다. 첫번째 return은 함수로 된 코드일 때 사용하는 명령어이고, console.log는 코드에 영향을 미치지 않고 콘솔에서 확인하는 용도로 사용되는 것. 마찬가지 console.table 역시 콘솔에서만 확인하는 값으로, 테이블로 정리되어 있다. 바로 위 예시에서 함수가 아니니까 리턴은 제외. console.log(sum)을 끝에 추가하면 아래와 같다. 

let myNum = [1, 2, 3, 4]
let sum = 0;

for (let i = 0; i < myNum.length; i++) {
	sum = sum + myNum[i]
    console.log(sum); 
}

// 1
// 3
// 6
// 10

정리하면 반복문은 콘솔.로그로 출력하면 반복한 수식마다 출력되는 값들을 확인할 수 있고, 따로 출력을 위한 명령어를 두지 않아도 최종값은 도출된다.

Array.isArray

typeof '문자열' // "string"

typeof 123 // "number"

typeof [] // "object" // 객체

Array.isArray([]) // true


//typeof => 연산자
// Array.isArray() => 메소드

배열 메소드_추가, 삭제 push(), unshift(), pop(), shift()

let arr = ['b', 'c'];

arr.push('d') // 3 
console.log(arr) // (3) ['b', 'c', 'd']


arr.unshift('a') // 4
console.log(arr) // (4) ['a', 'b', 'c', 'd']


arr.pop() // 'd'
console.log(arr) // (3) ['a', 'b', 'c']


arr.shift() // 'a'
console.log(arr) // (2) ['b', 'c']

배열 메소드_확인 indexOf(), includes()

let words = ['Republic', 'of', 'Korea']

words.indexOf('Korea') // 2

words.indexOf('KOREA') // -1

// 변수에 특정 단어가 포함됐는지 여부를 확인하는 방법(1)
words.indexOf('Korea') !== -1 // true
words.indexOf('KOREA') !== -1 // false

// 변수에 특정 단어가 포함됐는지 여부를 확인하는 방법(2)
words.includes('Korea') // true 

//includes는 인터넛 익스플로러에서 사용X

유틸리티 함수 만들기

function hasElement(arr, element){
	return arr.indexOf(element) !== -1
}

hasElement([1, 2, 3], 1) // true


// 같은 내용인데 변수에 할당하여 출력하는 방법
function hasElement(arr, element){
	let isPresent = arr.indexOf(element) !== -1
    return isPresent;
}

hasElement([1, 2, 3], 1) // true

배열 프로퍼티; slice() • splice() • join()

• slice(begin, end)

  • begin : 0을 시작으로 하는 추출 시작점에 대한 인덱스

  • end : 추출을 종료 할 0 기준 인덱스, end 인덱스를 제외

• splice(begin, delete, item)

  • begin : 배열 변경을 시작할 인덱스

  • delete : 배열에서 제거할 요소의 수. deleteCount가 0 이하라면 어떤 요소도 제거X

  • item1 : 배열에 추가할 요소. 

• join()

  • 배열의 모든 요소를 연결해 하나의 문자열로 만듬

const elements = ['Fire', 'Air', 'Water'];

console.log(elements.join());
// expected output: "Fire,Air,Water"

console.log(elements.join(''));
// expected output: "FireAirWater"

console.log(elements.join('-'));
// expected output: "Fire-Air-Water"

- mdn 참조