채니의 개발일기

js - 데이터종류(문자열,숫자,배열,undefined,null,object) 본문

프론트엔트/javascript

js - 데이터종류(문자열,숫자,배열,undefined,null,object)

윤채니챈 2023. 8. 18. 20:11
728x90
반응형

문자열 (Strings): 문자열 데이터는 텍스트를 나타내는데 사용된다.

작은따옴표(''), 큰따옴표(""), 또는 백틱(``)으로 감싸진 텍스트가 문자열이다

let singleQuoted = 'Hello, World!';
let doubleQuoted = "JavaScript is fun!";
let templateLiteral = `My name is ${name}.`;

 

``을 활용하여 `${변수}`를 사용할경우 ->{}에 변수를 넣은 상태로 출력 할 수 있다

 

숫자 (Numbers): 숫자 데이터는 정수와 소수점 이하의 실수를 포함.

자바스크립트에서 숫자 데이터는 연산을 수행하거나 값을 계산하는 데 사용된다

let integerNumber = 42;
let floatNumber = 3.14;

 

불리언 (Booleans):
불리언 데이터는 true 또는 false 값으로 나타낸다. 조건문이나 논리 연산에서 사용된다

let isTrue = true;
let isFalse = false;

 

널과 언디파인드 (Null and Undefined):
null과 undefined는 값이 없음을 나타내는 데이터 타입

null은 의도적으로 값이 없음을 나타내며, undefined는 값이 지정되지 않은 상태

let nullValue = null;
let undefinedValue;

undefindeValue를 콘솔에 출력할때 undefined라는 값이 나옴 

 

 

객체(Object):  데이터와 해당 데이터를 조작하는 동작을 포함하는 자료 구조.

객체는 이름과 값의 쌍인 속성(property)을 저장하며, 이 속성들은 객체의 상태와 행동을 나타내는 데 사용된다. 

객체는 중괄호 {}로 둘러싸인 속성(key)과 값(value)의 쌍으로 이루어진다.

// 객체 생성
let person = {
  firstName: "John",
  lastName: "Doe",
  age: 30,
  isStudent: false,
  sayHello: function() {
    console.log("Hello!");
  }
};

 

console.log(key.value)로 출력

console.log(person.firstName); // 출력: John
console.log(person["lastName"]); // 출력: Doe

person.age = 31; // 속성 값 변경
console.log(person.age); // 출력: 31

person.sayHello(); // 함수 호출, 출력: Hello!

 

배열 (Arrays):
배열은 여러 개의 값을 순서대로 나열한 데이터 구조. 각 값은 인덱스를 통해 접근할 수 있다.

let colors = ["red", "green", "blue"];
let numbers = [1, 2, 3, 4, 5];

출력값

console.log(colors[0]); // 출력: "red"
console.log(numbers[2]); // 출력: 3
console.log(colors); // 출력: ["red", "green", "blue"]
console.log(numbers); // 출력: [1, 2, 3, 4, 5]

 

 

728x90
반응형

'프론트엔트 > javascript' 카테고리의 다른 글

js-조건문  (0) 2023.09.08
js- 조건문  (0) 2023.08.23
js- 함수  (0) 2023.08.21
js - 변선언,예약어 (let,const, 예약어)  (0) 2023.08.18