React useState Hook의 반환 값이 객체가 아닌 배열인 이유
1. 구문 간결성 객체를 사용하는 경우 객체의 속성을 개별적으로 추출 해야한다. 배열을 사용하는 경우에는 구조 분해 할당을 통해 간단하게 요소에 접근 할 수 있어 코드가 간결하고 가독성 있게 만들어준다. const user = { name: 'John', age: 30, city: 'New York' }; // 객체 속성 구조 분해 할당 const { name, age, city } = user; console.log(name); // 'John' console.log(age); // 30 console.log(city); // 'New York' const numbers = [1, 2, 3, 4, 5]; // 배열 요소 구조 분해 할당 const [first, second, third] = number..
2023. 7. 4.
[JavaScript] 배열(array)에 쓰이는 함수(1)
01. pop() 배열의 마지막 값을 뺀다. let fruit = ['banana' , 'apple' ,'grape','mango'] fruit.pop() console.log(fruit); // banana , apple ,grape 출력 02. push() 배열의 끝 부분에 추가한다. let fruit = ['banana' , 'apple' ,'grape'] fruit.push('mango') console.log(fruit); // banana , apple , grape , mango 출력 03. includes() 배열 안에 아이템이 있는지 없는지 확인한다. (true/false)반환 let fruit = ['banana' , 'apple' ,'grape'] console.log(fruit.in..
2022. 11. 27.
[JavaScript] 배열(array) 총합 , 평균 구하기
01. 배열 총합 구하기 총 합을 구할 때는 항상 누적 합산을 수행 할 변수를 0으로 초기화 해놓고 반복문을 수행해야 한다. const data = [10,20,30,40,50]; let sum = 0; //배열에 모든 원소에 대한 반복문 구성 for(let i = 0 ; i < data.length; i++) { // i번째 원소를 sum에 누적 합산 sum += data[i] } console.log("data의 총합 : %d" , sum); // data의 총합 : 150 1-1. 배열.length 배열 안에 있는 원소들의 숫자를 반환 한다. const data = [10,20,30,40,50]; console.log( data.length;) // 5 02. 총합의 평균 구하기 평균은 총 합을 구..
2022. 11. 27.
[JavaScript] 배열(array)
배열(array) 배열은 인덱스를 가지는 자료들을 저장할 수 있는 자료구조다. 데이터는 순차적으로 저장되며 중복이 가능하고, 저장된 데이터에는 Index를 이용하여 접근이 가능하다. 자바스크립트에서의 배열에서는 데이터 타입이 서로 다를 수 있고, 배열의 크기는 동적으로 변경할 수 있다. 01. 배열 만들기 1-1. 빈 배열에 배열 할당하기 // 배열을 저장 할 빈 변수 선언 let Arr; // 배열 할당 Arr = [1,3.14,true,false,'hello']; console.log(Arr) 1-2. 선언과 할당 같이 하기 // 선언과 할당을 같이 쓰기 let Arr2 = [1,3.14,true,false,'hello']; console.log(Arr2) 1-3. 빈 배열 만들기 // 3개의 빈 칸..
2022. 11. 27.
