반응형 컴퓨터/Front (Html, JS)47 [JavaScript] rest parameter_똑같은 ... 이지만 spread parameter 랑 달라여🤨 (파라미터로 들어온 변수들을 배열에 넣기) rest parameter ? 제가요 파라미터로 들어온 변수들을 배열에 넣고 싶어요 어떻게 코드를 짜야 할까요?? function 함수(...파라미터){ console.log(파라미터); } 이렇게 하면 됩니당 호출해보면 이렇게 배열에 잘 담겨서 나오죠 자세히보면 ... [JavaScript] arguments 의 뜻, 어떻게 쓰고 왜쓰는지.. (+인자랑 파라미터 차이) arguments? arguments 라는 칭구가 있습니당 함수 안에 파라미터로 들어온 인자들을 배열로 감싸주눈 애에요 (배열은아님) 근데 예전문법이여서 요즘 안쓰는듯 let 함수= (a,b,c) => { // 파라미터는 함수 gallery-k.tistory.com 제가 파라미터 맨 앞에거 두개만 빼고 배열에 담고 싶어영 function.. 2022. 8. 11. [JavaScript] arguments 의 뜻, 어떻게 쓰고 왜쓰는지.. (+인자랑 파라미터 차이) arguments? arguments 라는 칭구가 있습니당 함수 안에 파라미터로 들어온 인자들을 배열로 감싸주눈 애에요 (배열은아님) 근데 예전문법이여서 요즘 안쓰는듯 let 함수= (a,b,c) => { // 2022. 8. 10. [JavaScript] Spread Operator가 모임? 어따씀??(함수 파라미터로 배열 넣을 때 씀😕) (3) https://gallery-k.tistory.com/361 https://gallery-k.tistory.com/360 Spread Operator 어따씀?? Spread Operator 는 함수 파리미터로 넣을 수도 있습니다. 왜냐면 Spread Operator 는 배열을 흐트려주기 때문입니당... 3. 배열을 함수 파라미터로 넣을 때 함수 하나를 만들었습니다. 간지나게 arrow function 으로 만들었어영 함수 = (a, b, c) => { console.log(a + b + c); } 이제 이 함수에 파라미터를 넣어줄건데, 배열을 넣어줄겁니다. 함수 파라미터로 배열을 넣어주는 방법은 구버전 .apply() 를 제외하면 두가지입니당 (더있을수도!🙄) // [10,20,30] 을 넣을려면?? l.. 2022. 8. 9. [JavaScript] Spread Operator가 모임? 어따씀??(Deep Copy 깊은복사 + 배열 object 덮어쓸때씀😮) (2) https://gallery-k.tistory.com/360 Spread Operator 어따씀? Spread Operator 는 참조타입 칭구들(배열이랑 object) 깊은 복사를 할 때 씁니다. 1. 배열 합치기 2. object 합치기 + 값 중복되면 덮어씌워짐 1. 배열 합치기 let 배열1 = [1,2,3]; let 배열2 = [4,5]; 여기 두 배열이 있눈데여 두 가지 방법으로 깊은 복사를 해보겠습니다. let 배열3 = [...배열1]; // == 배열1 deep copy let 배열4 = [...배열1,...배열2]; // == 배열1 + 배열2 deep copy console.log("배열3: ", 배열3); console.log("배열4: ",배열4); array.push() 와 같은.. 2022. 8. 8. [JavaScript] Spread Operator가 모임? 뭐하는애임?(1) 저는 서버에서 넘어온 데이터들 (object 로 넘어와용) 깊은복사 얕은복사 할 때 Spread Operator 썼거든요... 전 글에서 복사 관련된 글을 쓰면서 느꼈는데... 정확히 얘가 뭔지 잘 모르고 무지성으로 사용했던거 같아서 정리좀 해보려구요🤔 Spread Operator? 그래서 Spread Operator 가 뭐냐면 직역해보세요 흩뿌려지는 연산자죠 조각조각 쪼개서 흐트러놓는겁니당 Spread Operator 하는일 1. array 를 흐트러놓음 2. string 을 흐트러놓음 1. array 를 흐트러놓음 let 배열 = ['토끼', '버니']; console.log(배열); console.log(...배열); 배열에다가 ...을 붙이고 출력을 하면 배열 안의 값들이 밖으로 나와서 strin.. 2022. 8. 7. [JavaScript] 얕은복사, 깊은복사 Shallow Copy, Deep Copy_ 배열, object 복사하기(... Spread Operator, Json parse, stringify) 변수 값 복사 보통 string, number 담는 변수 값 복사할 때 어떻게 합니까 let a = '1'; let b = a; console.log(a); console.log(b); 이렇게 하죠 일반 변수는 = 등호로 값을 복사해놓으면 찐 값이 복사됩니당 let a = '1'; let b = a; // a 값 바꿔도 b 값에 영향을 안준다. a = '3' console.log(a); console.log(b); 중간에 원본 a 값을 바꿔도 b 에는 영향이 없어용 배열, 오브젝트 복사 자바스크립트에는 배열, 오브젝트 이런 애들이 있어요.. reference type 인데 변수 여러개 담아놓을 때 사용하는 애들이에요 근데 배열 오브젝트 이런애들은 그냥 = 로 복사하면 안됩니당 왜냐면여 (주소값이 복사되기.. 2022. 8. 6. [JavaScript] 호이스팅! hoisting 간단 뜻(면접준비용 깊은 원리는ㄴ🙄) 글 쓰기 전에... 선언: let a 할당: a = 'a'; 호이스팅 이거 오류 날까?? console.log(이름); var 이름 = '버니'; console.log(이름); 안남😮 왜 안나냐면 호이스팅 때문인데 호이스팅 뜻 호이스팅: 변수 선언을 맨 위로 끌고오는 현상 Js 는 위에서 밑으로 구문을 해석하는데, 해석하면서 변수나 함수가 선언되어있으면 바로바로 맨 위로 끌고 올라온다. 어차피 원래 변수는 heap 에 넣어놓음 변수 선언이랑 할당은 이렇게 동시에 할 수 있는데 var 이름 = '버니'; 이걸 두개로 쪼갤 수 있다. (다들 알다시피) var 이름; 이름 = '버니'; 자바스크립트는 구문을 해석하면서 저런식으로 쪼갠다음에... 변수 선언부분을 위로 다올려버린다. 호이스팅 예시 이런 JavaS.. 2022. 8. 3. [JavaScript] 변수 선언 let const 가 나온 이유, var let const 의 차이 (1) 글 쓰기 전에... 선언: let a 할당: a = 'a'; let const 왜나옴? var 는 예전부터 있던 애구 let 이랑 cosnt 는 새로 나온 애임 (es6) 예전에는 변수를 선언할 때 var 만 사용했다고 한다. var 는 엄청 자유로워서 한번 쓰면 또 쓸 수도 있고 값도 맘대로 바꿀 수 있다. 근데 너무 자유로우니까 문제가 많이 생기는거임.. var 로 선언했던거 까먹어서 한번 더 선언해버려서 값이 바뀌거나 하는 문제들이 생겼다고 한다. (원래 자유는 많을수록 문제도 많아지고 책임도 많아지니까ㅠㅠ) 그래서 ES6 에서 새로 문법이 나왔는데 (이제는 새로가 아니징...) 그게 바로 let 이랑 cosnt 이다. var let const 차이1 변수 선언 존재범위 재선언 재할당 var fun.. 2022. 8. 1. 이전 1 2 3 4 5 6 다음 반응형
