TIL - 데이터 타입, 프로퍼티 ,메서드

👀

var first = "second"; // 변수 선언 + 초기화
first = "thrid"; // 변수 first의 데이터를 third로 변경

console.log(출력할 변수명); // 변수의 데이터 콘솔에서 확인.
document.write(출력할 변수명); // 변수의 데이터 웹 화면에 출력
document.writeln(출력할 변수명); // 변수 출력시 자동 줄바꿈 

✨변수 데이터 확인 방법
우 클릭 + 크롬 개발자 검사 or F12

✨데이터 타입

1. String: 문자열
2. Number: 숫자
3. Function: 함수
4. Array: 배열
5. Object: 객체
6. Boolean: 불린
7. undefined: 정의되지 않음
8. null: 널

👀

//문자열
var str1 = "first";
var str2 = 'second';
var str3 = "10"; // 숫자에 "" or ''를 입력하면 문자열로 인식된다. 

//함수 생성방법(1) : var 사용
var sum = function(a,b){ // a,b 는 매개변수
    var num=10;
    return a+b+num;
} // 함수 선언

// 함수 생성방법(2) : function 만 사용
function sum(num1,num2) {
    return num1+num2;
}
// 새로운 변수 생성 -> 함수 호출 
var result = sum(10,20);
console.log(result); 

// 함수 자체를 console.log() 
console.log(func1(10,20));

//배열 : 같은 데이터들을 담는 자료구조 
var color = ["red", "blue", "green"];
console.log(color[1]); // blue 웹 화면에 출력.
color[1]="purple" // 배열 데이터 변경

//객체 : 프로퍼티, 메서드, 데이터로 구성되어있다.
const person = {
  name: "Bob",
  age: 32,
  gender: 'male',
  sum : function (num1, num2) {
      return num1+num2;
}};

console.log(person.name);
console.log(person['name']);
person.name="Jane"; // name 프로퍼티의 데이터 변경 


/*
프로퍼티: 이름을 가지고 있는 데이터들. ex) name
메서드: 이름을 가지고 있는 함수들. ex) sum
*/

var unde; // 변수 안에 데이터를 입력하지 않은 상태.
var empty = null; // 개발자가 임의로 변수 안에 빈데이터를 삽입한 상태.

//Boolen 
var T = true; // true or false 데이터가 들어가 있는 상태.

//문자열 프로퍼티와 메서드
var str1 = "Hello World";
str1.length; // str1 문자열의 길이
str1.charAt(0); // 문자열 객체의 n번째 추출
str1.split(" "); // 공백 기준으로 문자 나눈 후 배열 [Hello, World] 출력

//배열의 프로퍼티와 메서드
var color = ["빨강", "파랑", "노랑"];
fruit.length; // 데이터 개수
fruit.push("흰색"); // 배열 뒤에 데이터 삽입
fruit.unshift(""); // 배열 앞에 데이터 삽입
fruit.pop(); // 배열 뒤의 데이터 제거
fruit.shift(); // 배열 앞의 데이터 제거

// math의 수학연산 메서드 
Math.ads(-5); //절대값
Math.ceil(1.3); // 올림 ,2
Math.floor(1.3);// 내림 ,1
Math.random();//임의의 숫자 출력

//문자를 숫자로 변환하는 메서드
parseInt("1.3"); // 정수 형태의 1 변환
parseFloat("1.3"); // 실수 형태의 1.3 변환