Front-End/JavaScript

[JavaScript] 04. 데이터 νƒ€μž…_κ°μ²΄νƒ€μž…

Bigone17 2022. 1. 21. 12:16

좜처 : https://tutorial.eyehunts.com/js/javascript-data-types-and-examples/

 

🟑 1. 객체 νƒ€μž… (object type)

- μ›μ‹œ νƒ€μž…μ„ μ œμ™Έν•œ λͺ¨λ“  데이터λ₯Ό 객체 νƒ€μž…μ΄λΌκ³  ν•©λ‹ˆλ‹€.

// 객체 νƒ€μž… _ 객체
let person = {
	name : 'bigone',
    age : 30,
    hobby : ['workout', 'coding', 'driving'],
    sayHello : function(){
    	console.log('Hi!');
    }
}

// 객체 νƒ€μž… _ λ°°μ—΄
let fruits = ['apple', 'banana', 'strawberry', 'melon'];

// 객체 νƒ€μž… _ ν•¨μˆ˜
let add = function(a, b){
	return a + b;
}

// 객체 νƒ€μž… _ μ •κ·œν‘œν˜„μ‹
let reg = /[^0-9]/g;

 

 - 객체 νƒ€μž…μ„ 객체 νƒ€μž… λ˜λŠ” μ°Έμ‘° νƒ€μž…μ΄λΌκ³  ν•©λ‹ˆλ‹€. μ°Έμ‘° νƒ€μž…μ€ 객체의 λͺ¨λ“  연산이 μ‹€μ œκ°’μ΄ μ•„λ‹Œ μ°Έμ‘°κ°’μœΌλ‘œ μ²˜λ¦¬λ¨μ„ μ˜λ―Έν•©λ‹ˆλ‹€. μ›μ‹œ νƒ€μž… 같은 κ²½μš°μ—λŠ” 값을 μ „λ‹¬ν•˜κ³ (pass-by-value), 객체 νƒ€μž… 같은 κ²½μš°μ—λŠ” 참쑰값을 μ „λ‹¬ν•©λ‹ˆλ‹€.(pass-by-reference)  이게 무슨 말이야 😧

 






1. a μ—κ²Œ 10이라고 적힌 곡을 μ€€λ‹€.
2. b μ—κ²Œλ„ 10이라고 적힌 곡을 μ€€λ‹€.
3. a 와 b λŠ” 10이라고 적힌 곡을 가지고 μžˆμ§€λ§Œ, 곡 ν•œκ°œλ₯Ό κ³΅μœ ν•˜κ³  μžˆλŠ” 것이 μ•„λ‹ˆλ‹€.
4. aκ°€ 가지고 μžˆλŠ” 곡에 숫자λ₯Ό 11둜 λ°”κΎΌλ‹€.
5. b의 곡의 μˆ«μžλŠ” λ³€ν•˜μ§€ μ•ŠλŠ”λ‹€.


🟒 μ›μ‹œ νƒ€μž…μ€ 값을 μ „λ‹¬ν•œλ‹€.

 





1. aμ—κ²Œ 색상이 빨간색인 μ§‘μ˜ μ£Όμ†Œλ₯Ό μ•Œλ €μ€€λ‹€.
2. bμ—κ²Œλ„ 색상이 빨간색인 μ§‘μ˜ μ£Όμ†Œλ₯Ό μ•Œλ €μ€€λ‹€.
3. bκ°€ μ§‘μ˜ 색상을 νŒŒλž€μƒ‰μœΌλ‘œ μΉ ν–ˆλ‹€.
4. a μž…μž₯μ—μ„œλ„ μžμ‹ μ΄ λ°”λΌλ³΄λ˜ μ§‘μ˜ 색상이 νŒŒλž€μƒ‰μ΄ 됐닀.


🟒 객체 νƒ€μž…μ€ κ°’μ˜ μ£Όμ†Œλ₯Ό μ „λ‹¬ν•˜λ―€λ‘œ, 같은 값을 κ³΅μœ ν•˜κ³  있던 λ³€μˆ˜κ°€ 값을 λ°”κΎΈλ©΄ κ³΅μœ ν•˜κ³  있던 λͺ¨λ“  λ³€μˆ˜μ˜ 값이 λ³€ν•œλ‹€.

 

 

πŸ“ μ •λ¦¬

  • 객체 νƒ€μž…μ€ μ›μ‹œ νƒ€μž…μ„ μ œμ™Έν•œ λͺ¨λ“  데이터이닀.
  • μ›μ‹œ νƒ€μž…μ€ κ°’ 자체λ₯Ό μ „λ‹¬ν•œλ‹€.
  • 객체 νƒ€μž…μ€ 값을 μ „λ‹¬ν•˜λŠ” 것이 μ•„λ‹Œ κ°’μ˜ μ£Όμ†Œλ₯Ό μ „λ‹¬ν•œλ‹€.

 

 

 

 

κΈ΄ κΈ€ μ½μ–΄μ£Όμ…”μ„œ κ°μ‚¬ν•©λ‹ˆλ‹€ :) 
ν‹€λ¦° λ‚΄μš©μ΄ μžˆκ±°λ‚˜, 덧뢙일 λ‚΄μš©μ΄ μžˆλ‹€λ©΄ μ–Έμ œλ“ μ§€ λŒ“κΈ€ λ‹¬μ•„μ£Όμ„Έμš”!
제 글이 μ‘°κΈˆμ΄λ‚˜λ§ˆ μ½μœΌμ‹  λΆ„λ“€μ—κ²Œ 도움이 λ˜λ„λ‘ λ…Έλ ₯ν•˜κ² μŠ΅λ‹ˆλ‹€
λ‹€μŒ νŽΈμ— λ΄¬μš”~

728x90
λ°˜μ‘ν˜•