Array & Function
JavaScript Arrays
Array
JavaScript์์ ๋ฐฐ์ด์ ๊ฐ๋ง ์กด์ฌํ๋ค
๋ฐฐ์ด ๋ฆฌํฐ๋ด
var a = [1,2,3]
Array ์์ฑ์ ํจ์
var b = new Array(1,2,3)
Array ์ํ
for
var a = [1,2,3] for (var i=0 ; i <a.length; i++){ console.log(i, a[i]) }
for .. of
: ์์ ์๋ ์์ ๊ฐ๋ค์ ํ๋ ํ๋์ฉ ์ถ๋ ฅ
for (var elem of a){ console.log(elem) }
forEach
: ์ธ์๋ก ํจ์ ์์ฒด๋ฅผ ๋ฐ์
a.forEach( function(elem, idx) { console.log(idx, elem) })
for .. in
๋ฐฐ์ด ์์๋ง ์ ๊ทผํ๋ ๊ฒ์ด ์๋๋ผ ์์ฑ๊น์ง ์ถ๋ ฅ๋ ์ ์๋ค
JavaScript์์ ๋ฐฐ์ด๋ object๋ผ์ ์์ฑ ์ค์ ์ด ๊ฐ๋ฅํ์ง๋ง, ๋ฆฌ์คํธ์ ์์ฑ์ด ์๋๋ผ, Object์ ์์ฑ์ด ๋๋ค
var a = [1,2,3] a.name = 'myarr' for (var i in a){ console.log(i, a[i]) } //0 1 //1 2 //2 3 //name myarr => ์์ฑ๊น์ง ์ํ
for ... in ํํ๋ ์ฌ์ฉ ์ ์ฃผ์ํด์ผํจ!
for ...in ์ Object ์์ฒด์ ๋ชจ๋ ์์ฑ์ ์ํํ๋ค
Array methods
sort
๋น๊ต ํจ์๊ฐ (์ธ์) ์์ผ๋ฉด ๋ฌธ์์ด์ ๊ธฐ์ค์ผ๋ก ์ ๋ ฌํ๋ค
์ด๊ฒ ์ซ๋ค๋ฉด ๋น๊ต ํจ์๋ฅผ ์ธ์๋ก ๋ฃ๊ธฐ
๋น๊ตํจ์๊ฐ ์๋ค๋ฉด, ํด๋น ํจ์์ return ๊ฐ์ด 0๋ณด๋ค ์์์ผ๋ก ์ ๋ ฌํ๋ค
๋ฌธ์์ด ๊ด๋ จ
join
๋ฐฐ์ด.join('haha')
toString
๋ฐฐ์ด ํฉ์น๊ธฐ
concat
: ๋ ๊ฐ์ ๋ฐฐ์ด์ ํฉ์ณ์ค
์์ ์ฝ์ /์ญ์
push
pop
unshift
์ผ์ชฝ ๋์ ๋ฃ๊ธฐ
shift
์ผ์ชฝ ๋์ ์๋ ๊ฒ ๋นผ๊ธฐ
index ํ์
indexOf
๋ฐฐ์ด ์กฐ์
splice(start[, deleteCount[, item1[, item2[, ...]]]])
์๋ณธ ๋ฐฐ์ด ์์ฒด๋ฅผ ๋ฐ๊ฟ๋ฒ๋ฆผ
์์์ ์์ /์ญ์ ๋ ๊ฐ๋ฅ
var a = [1,2,3] a.splice(1,2, "์ฒ์", "๋๋ฒ") // 1๋ฒ์งธ ์์น๋ถํฐ ๋ ๊ฐ๋ฅผ ์ง์ฐ๊ฒ ๋ค + "์ฒ์", "๋๋ฒ" ์ ๋ถ์ด๊ฒ ๋ค // [1, "์ฒ์", "๋๋ฒ"] var a = [1,2,3] a.splice(1,2, "์ฒ์") //1๋ฒ์งธ ์์น๋ถํฐ ๋ ๊ฐ๋ฅผ ์ง์ฐ๊ฒ ๋ค + "์ฒ์" ์ ๋ถ์ด๊ฒ ๋ค // [1, "์ฒ์"]
๋ฐฐ์ด ์๋ฅด๊ธฐ
slice
: return์ ํด์ค
JavaScript Functions
ํจ์ ์ ์ธ
1. ํจ์ ์ ์ธ๋ฌธ
function sum(a,b) {
return a+b;
}
sum(1,2) //3
2. ํจ์ ํํ์
// ๋ณ์์ ์ต๋ช
ํจ์๋ฅผ ํ ๋น
var sub = function(a,b) {
return a - b;
}
sub(1,2) //-1
3. ์ฆ์ ์คํ ํจ์
(function(a,b){return a*b})(1,2) //2
4. ํ์ดํ ํจ์ (ES6)
var sum = (a,b) => a+b //a+b ํ ์ค์ด๋ผ์ ์ค๊ดํธ{} ์๋ตํจ
sum(3,4) //7
var area = (r) => {
const PI = 3.14;
return r*r*PI;
}
area(1) //3.14
ํจ์ ์ธ์
JavaScript์์ ํจ์๋ ๋งค๊ฐ๋ณ์ ์ ๋ฌ์ ๋ํ ์ ํ์ด ์์
arguments
๊ฐ์ฒด๋ ๋งค๊ฐ๋ณ์๋ก ๋๊ฒจ์ง ๋ชจ๋ ์ ๋ณด๋ฅผ ๊ฐ์ง๊ณ ์์function foo(a) { console.log(arguments); //arguments ์ฐ์ด์ ํ์ธ ํด๋ณด๊ธฐ return a }
์ด๋ค ์ธ์๋ ๋ฃ์ด์ฃผ์ง ์์ผ๋ฉด undefined ๋ผ๊ณ ๋ธ
undefined
: JavaScript์์ ๋ณ์๋ฅผ ์ด๊ธฐํ ํ ๋ ํ ๋น ํด ๋๋ ๊ฐ
Last updated
Was this helpful?