[section1] 배열

정호·2023년 2월 27일
1

코드스테이츠

목록 보기
11/49

배열

let arr = [0,1,2,3,4,5,6]
console.log(typeof arr) // object
console.log

배열의 길이

console.log(arr.length) // 6

배열의 타입

console.log(typeof arr)	// object

배열인지 확인

console.log(Array.isArray(arr)); // true

빈 배열인지 확인

    console.log(arr.length === 0) // false
    let blank = [];
    console.log(blank === []); 
    // 참조자료형의 특징 -> 참조하고 있는 주소가 다르기 때문에.

원본배열을 변경하는 메소드(원본을 변경)

배열요소 뒤에 추가하기

push() // 변경된 배열의 길이 리턴

let arr = [1,2,3,4,5,6]
console.log(arr.length) //6
arr.push(7)
console.log(arr.push(7))	//추가된 길이를 리턴 7
console.log(arr.length)	//7

배열요소 뒤에 지우기

pop() // 제거된 요소 리턴

let arr = [1,2,3,4,5,6]
arr.pop()
console.log(arr)	//12345
console.log(arr.length)	//5

배열요소 앞에 추가하기

unshift()// 변경된 배열의 길이 리턴

   arr.unshift(7);
   console.log(arr);	//7123456
   console.log(arr.length);	//7

배열요소 앞에 지우기

shift() // 제거된 요소 리턴

	arr.shift();
	console.log(arr);	//123456
	console.log(arr.length);	//6

배열요소 변경

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

    array.splice(start[, deleteCount[, item1[, item2[, ...]]]])

start: 배열변경 시작할 인덱스
deleteCount: 제거할 요소의 수
item: 배열에 추가할 요소
start부터 delete만큼 제거하고 item을 추가해라

배열요소 채우기

fill()

const array1 = [1, 2, 3, 4];
// 2부터 4까지 0으로 채워라
console.log(array1.fill(0, 2, 4));
// [1, 2, 0, 0]
// 1부터 5로 채워라
console.log(array1.fill(5, 1));
// [1, 5, 5, 5]
console.log(array1.fill(6));
// 6으로 채워라 [6, 6, 6, 6]

원본배열을 변경하지 않는 메소드

배열요소 채우기

arr.slice()
복사와 유사(Ctrl+c, v)

let slice1 = arr.slice(0,4); //4인덱스의 앞까지 복사
let arr = [1,2,3,4,5,6]
console.log(arr) //123456
console.log(arr.length) //6
console.log(slice1)	//1234
console.log(slice1.length)	//4
arr2 = arr.slice	21요소 복사

배열요소 합치기

arr.concat()
복사와 유사(Ctrl+c, v)

const array1 = ['a', 'b', 'c'];
const array2 = ['d', 'e', 'f'];
const array3 = array1.concat(array2);

console.log(array3);
// ["a", "b", "c", "d", "e", "f"]

배열요소 연결

join()

const elements = ['Fire', 'Air', 'Water'];
console.log(elements.join());
//"Fire,Air,Water"
console.log(elements.join(''));
// "FireAirWater"
console.log(elements.join('-'));
// "Fire-Air-Water"

배열에 유용한 반복문

for ~ of문

for (let el of arr) { // el === arr[i]
    console.log(e
// '모든 요소'를 순회할 때는 for of문을 사용하면 더 간결하고 편리하다.
function arrToString(arr) {
    let result = 0;
    for (let el of arr) {
        if(el % 2 === 0) {
            result = result + el;
        }
    }
    return result;
}
profile
열심히 기록할 예정🙃

0개의 댓글