20.12.07-11일차

되자개발자·2020년 12월 7일

기록하기

목록 보기

13/46

벌써 3주차 시작이당,,! 시간 넘 빠르당! 오늘도 홧팅!

🐠Number Methods

메서드(): 기능
1) 반환값(리턴값)
2) 매개변수(파라미터)의 용도

🐾숫자를 형변환

Number()
parseInt()
parseFloat()

🐾true, false
일반 프로그래밍 관점
0은 false
0 이외의 값들은 true

🐾parseInt()

정수형태의 숫자로 변환
매개변수의 값을 앞부분에 성격을 가지고 변환하는 기능
(첫번째 숫자만 반환)

🐾parseFloat()

실수도 숫자로 변환
첫번째 숫자만 반환

🐠Arrays(배열)

var array_name = [item1, item2, ...];

변수의 종류이다.
(변수 - 상징적인 의미로 기억장소를 가리킨다.)
용도가 같은 여러개의 데이터를 하나의 대표이름으로 저장해서 사용
대괄호 사용
배열도 object(객체)에 해당

var points = new Array();     // Bad (코드를 복잡하게 함)
var points = [];              // Good (권장)

🐾push()

배열에 기억장소를 확보해서 데이터를 추가
push() 반환값은 배열의 길이(추가된 데이터포함)

🐾배열인지 아닌지 체크할때
👉isArray()
Array.isArray()
맞다면 true, 아니면 false

👉instanceof
변수명 instanceof Array;

ex)
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits instanceof Array;
결과: true

맞다면 true, 아니면 false

🐠Array Methods

🐾join(구분자)

ex)
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * ");
결과:Banana * Orange * Apple * Mango

🐾pop()
배열의 마지막 인덱스 기억장소를 제거하고, 그 값을 리턴한다.

ex)
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();
결과: Banana", "Orange", "Apple"

🐾shift()
첫 인덱스를 제거 (pop() 과 반대)

🐾unshift()

보통 추가할 때 push() 사용(일반적인 형태)
왼쪽에서 추가. 인덱스 0을 사용

🐾delete
delete를 사용하면 배열에 정의되지않은 구멍이 남을 수 있다.

🐾splice()

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo1").innerHTML = "Original Array:<br>" + fruits;
function myFunction() {
/*
param1 : 작업할 인덱스 위치. 2는 "Apple" 위치를 말함.
param2 : 삭제할 요소의 개수
param3 : 삽입할 데이터
param4 : 삽입할 데이터
*/
  fruits.splice(2, 0, "Lemon", "Kiwi");
  document.getElementById("demo2").innerHTML = "New Array:<br>" + fruits;
}
결과: 
New Array:
Banana,Orange,Lemon,Kiwi,Apple,Mango

🐾concat()
1) 합치는 대상이 배열
2) 값도 사용할 수 있다.

🐠Array Sort(배열 정렬)

🐾sort()

알파벳순으로 정렬해준다
오름차순으로 정렬

🐾reverse()

내림차순으로 정렬

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort(); // 이게 먼저 들어가야함
fruits.reverse();

🐠Array Iteration(배열 반복)

🐾forEach()
👉함수를 호출하여, 배열의 값을 처리하고자 할 때 사용
👉각 배열 요소에 대해 한번씩 함수를 호출함
👉3개의 인수를 사용함

The item value
The item index
The array itself

var txt = "";
var numbers = [45, 4, 9, 16, 25];
numbers.forEach(myFunction);  //핵심
document.getElementById("demo").innerHTML = txt;

//numbers.length 수만큼 아래 함수가 호출되어짐
/*value:배열의 요소(element)의 값
index: 호출되면서 발생하는 인덱스
array: numbers 배열을 가리킴
*/
function myFunction(value, index, array) {
  txt = txt + value + "<br>"; 
}

🐾map()