js 16

javascript ๋ฐฐ์—ด ๋ฉ”์†Œ๋“œ2(sort, reduce)

- arr.sort(): ๋ฐฐ์—ด ์žฌ์ •๋ ฌ, ์ธ์ˆ˜๋กœ ์ •๋ ฌ ๋กœ์ง์„ ๋‹ด์€ ํ•จ์ˆ˜๋ฅผ ๋ฐ›์Œ ๋ฐฐ์—ด ์ž์ฒด๊ฐ€ ๋ณ€๊ฒฝ ๋˜์–ด์„œ ์ฃผ์˜ ํ•„์š” let arr = [1,5,4,2,3]; arr.sort(); console.log(arr); //(5) [1, 2, 3, 4, 5] let arr = ['a','d','z','c','w']; arr.sort(); console.log(arr); //(5) ['a', 'c', 'd', 'w', 'z'] ์•ž์ž๋ฆฌ ์ˆซ์ž๋ฅผ ์ธ์‹ํ•ด์„œ ๋ฐฐ์—ดํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์ˆซ์ž ์ˆœ์„œ๋Œ€๋กœ ๋ฐฐ์—ดํ•  ๊ฒฝ์šฐ fn ์‚ฌ์šฉํ•ด์•ผํ•จ ํ•จ์ˆ˜ ์ด์šฉํ•ด ์–‘์ˆ˜์ธ์ง€ ์Œ์ˆ˜์ธ์ง€ 0 ์ธ์ง€ ํŒ๋‹จ let arr = [27,8,5,13]; arr.sort((a,b) => { return a - b; }); console.log(arr); //(4) [5,8,13,2..

js 2022.10.04

javascript ๋ฐฐ์—ด ๋ฉ”์†Œ๋“œ(Array methods)

- arr.splice(n,m): ํŠน์ • ์š”์†Œ ์ง€์›€ n-> ์‹œ์ž‘ / m -> ๊ฐœ์ˆ˜ let arr = [1,2,3,4,5]; arr.splice(1,2); console.log(arr); //[1,4,5] - arr.splice(n,m,x): ํŠน์ • ์š”์†Œ ์ง€์šฐ๊ณ  ์ถ”๊ฐ€ let arr = [1,2,3,4,5]; arr.splice(1,3,100,200); console.log(arr); //[1,100,200,5] -> m ์ž๋ฆฌ์— 0์ด ๋“ค์–ด๊ฐˆ ๊ฒฝ์šฐ ์ œ๊ฑฐํ•  ์ˆ˜ ์žˆ๋Š” ์ˆซ์ž ๊ฐฏ์ˆ˜ ์—†์ด x๋ฅผ ์ถ”๊ฐ€ํ•จ let arr = ["๋‚˜๋Š”", "์œถ", "์ž…๋‹ˆ๋‹ค"] arr.splice(1,0,"๋Œ€ํ•œ๋ฏผ๊ตญ", "์‚ฌ๋žŒ"); console.log(arr); //["๋‚˜๋Š”","๋Œ€ํ•œ๋ฏผ๊ตญ","์‚ฌ๋žŒ","์œถ","์ž…๋‹ˆ๋‹ค"] - arr.splice(): ์‚ญ..

js 2022.10.04

javascript ์ˆซ์ž ์ˆ˜ํ•™ method

๊ฐœ๋ฐœํ•˜๋‹ค๋ณด๋ฉด 2์ง„์ˆ˜ , ์ƒ‰์ƒํ‘œํ˜„์„ ์œ„ํ•ด 16์ง„์ˆ˜๊ฐ€ ํ•„์š”ํ•  ๋•Œ ์ƒ๊น€ > 10์ง„์ˆ˜๋ฅผ 2์ง„์ˆ˜, 16์ง„์ˆ˜๋กœ ๋ณ€ํ™˜ - toString : ์ˆซ์ž๋ฅผ ํ•ด๋‹นํ•˜๋Š” ์ง„๋ฒ•์œผ๋กœ ๋ณ€ํ™˜ let num = 10; console.log(num.toString()); //10 console.log(num.toString(2)); //1010 let num2 = 255; console.log(num2.toString()); //255 console.log(num2.toString(16)); //ff (์ƒ‰์ƒ์ฝ”๋“œ) * Math: js์—๋Š” ์ˆ˜ํ•™๊ณผ ๊ด€๋ จ๋œ ํ”„๋กœํผํ‹ฐ์™€ ๋ฉ”์†Œ๋“œ๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ๋Š” Math ๋‚ด์žฅ ๊ฐ์ฒด ์กด์žฌ ํ”„๋กœํผํ‹ฐ ์˜ˆ์‹œ) - Math.PI ์›์ฃผ์œจ console.log(Math.PI); //3.141592653589793 - Math.cei..

js 2022.09.01

javascript ์‹ฌ๋ณผ(Symbol)

-symbol: ์œ ์ผํ•œ ์‹๋ณ„์ž๋ฅผ ๋งŒ๋“ค ๋•Œ ์‚ฌ์šฉ. ์œ ์ผ์„ฑ์ด ๋ณด์žฅ ๋จ const a = Symbol(); //new๋ฅผ ๋ถ™์ด์ง€ ์•Š์Œ const b = Symbol(); console.log(a) console.log(b) ๊ฒฐ๊ณผ Symbol() Symbol() ์ผ์น˜ ์—ฐ์‚ฐ์ž๋กœ ํ™•์ธ ์‹œ a == b; false - property key : ์‹ฌ๋ณผํ˜• const id = Symbol('id'); const user = { name : 'Mike', age : 30, [id] : 'myid' } console.log(user) ๊ฒฐ๊ณผ {name: 'Mike', age: 30, Symbol(id): 'myid'} -> Object ์‚ฌ์šฉ ์‹œ const id = Symbol('id'); const user = { name : ..

js 2022.08.31

javascript ๊ฐ์ฒด ๋ฉ”์†Œ๋“œ(Object methods), ๊ณ„์‚ฐ๋œ ํ”„๋กœํผํ‹ฐ(Computed propery)

let n = "name"; let a = "age"; const user = { [n] : "Mike", [a] : 30, [1+4] : 5, }; console.log(user); ๊ฒฐ๊ณผ {5: 5, name: 'Mike', age: 30} 5: 5age: 30 name: "Mike" [[Prototype]]: Object - ์–ด๋–ค๊ฒŒ ํ‚ค๊ฐ€ ๋  ์ง€ ๋ชจ๋ฅผ ๋•Œ ์œ ์šฉ function makeObj(key,val) { return { [key] : val, }; } const obj = makeObj("๋‚˜์ด", 33); console.log(obj); ๊ฒฐ๊ณผ {๋‚˜์ด: 33} -๊ฐ์ฒด ๋ฉ”์†Œ๋“œ const user = { name: "Mike", age:"30", }; const user2 = user; user2.na..

js 2022.08.29

javascript ์ƒ์„ฑ์ž ํ•จ์ˆ˜

//์ƒ์„ฑ์ž ํ•จ์ˆ˜ : ์ƒํ’ˆ ๊ฐ์ฒด๋ฅผ ์ƒ์„ฑํ•ด๋ณด์ž function Item(title, price){ //this={} this.title = title; this.price = price; this.showPrice = function(){ console.log(`๊ฐ€๊ฒฉ์€ ${price}์› ์ž…๋‹ˆ๋‹ค.`); }; //return this; } const item1 = new Item('์ธํ˜•', 3000); const item2 = new Item('์ง€๊ฐ‘', 6000); const item3 = new Item('๊ฐ€๋ฐฉ', 9000); console.log(item1,item2,item3); item3.showPrice(); const item1 = new Item('์ธํ˜•', 3000); const item2 = It..

js 2022.08.29