본문 바로가기
JavaScript 문법 기초 1주차!/배열

배열

by 픠버 2022. 12. 3.

배열은 객체의 한 종류이다 

 

키는 값을 담은 객체라는 자료구조를 이용하여 저장한다!

객체를 통하여 다양한 작업을 할 수 있다.

 

key = 인덱스의 값을 가리키고,

value = 인덱스 안에 값을 말한다.

 

array 는 lenght 라는 속성이 있어 for문이 많이 사용된다.

 

let arr = [] ; 빈 배열을 이런 식으로 만든다

 

length = 길이

let testArr = [];
testArr[200] = 3;
console.log(testArr.length);

lengght 라는 속성은 배열의 최대 인덱스 +1 의미할 뿐이다

200번째 인덱스 번째에 넣으면 인덱스 +1를 의미할 뿐이다!

let arr = []; //배열 : Array

let arr1 = ['apple', 'banana'] ;

console.log(arr1[0]); //접근
객체
속성
메서드

배열 안에 접근 할 때 인덱스의 번호로 접근 한다

 

pop과 push , shift와 unshift

 

큐 push , shift

push는 맨 끝에 요소를 추가한다

shift는 제일 앞 요소를 꺼내 제거한 후 남아있는 요소들을 앞으로 밀어준다

 

배열에 값을 추가하는 것은 push 빼는것은 pop을 쓰는게 편리하다.

 

let testArr = [];

testArr.push(3,4,5);

console.log(testArr);

testArr.pop();

. 을 이용하여 push 와 pop을 사용한다

 

pop,push vs shift, unshift
맨앞에 있는 값을 쉬프트랑 언쉬프트는 모든요소들을 떙겨줘야함 효율이 낮음
pop , push를 사용하자

pop과 push가 효율적이다!!

 

반복문

 

배열은 lenght 라는 속성을 가지고 있어서 반복문으로 쓰기 좋다~!

 

let testArr = [3,4,5,6];
for (let i = 0 ; i < testArr.length; i++) {
if(testArr[i] %2 ===0) {
console.log(testArr[i]);
}
}
기본적인 반복문
for ~in문과 for ~of 문
for~ in 인덱스가 나오고
for~ of 배열안의 값이나옴!!!!!

객체만의 for문 -> 2
for(key in testArr) {
console.log(key);
} //in은 키값이 나옴

for(value of testArr){
console.log(value);
} //of는 value 값이 나옴

함수 선언 

함수 표현식

함수선언
// 함수를 만들고 있는 것
function testFunc () {

}

let testFunc2 = function () {

}
모든 시스템은 인풋과 아웃풋이 있다.
여기서 함수를 이용하여 2의 배수를 제외한 값을 출력하는 함수를 만들어 보겠습니다
const arr1 = [1,2,3,4,5,6,7,8,9,10];
function test (arr) {
let newArr = [];
for (item of arr) {
if(item % 2 !==0){
newArr.push(item);
}
}
return newArr
}

 

console.log(test(arr1));

빈 배열을 만들고 for of 문을 사용하여 반복문을 만든 후 if 조건문에 2의 배수를 제외한 값을 출력하는 조건문을 만든 후

새로운 배열에 입력시켜준다 . !!

 

const test11 = [1,2,3,4,5,6,7,10,123,125,1612312];

function test ( arr ) {
let newArr = [];

for(item of arr){
if(item % 2 !== 0) {
newArr.push(item);
}
}
return newArr;
}

console.log(test(test11))