본문 바로가기
Web/자바스크립트

javaScript #2 :: 함수내부의 변수 | 매개변수와 인자 | 논리연산자(주의사항) | undefined과 null | 한 함수에서 여러가지 갯수의 인자값 | 배열 array

by 긴모양 2020. 4. 22.
노션 we-code / 하루일지 / 2일차

 

함수에 데이터 받기

: 함수 내부에서 인자로 받은 변수에 새로운 값을 넣으면 안된다!

function alertSuccess(name){
	let name = "my code";
    alert(name + "출력 완료!");
}

alertSuccess("안녕!")

//위와 같이 함수 내부에서 인자로 받은 변수에 새로운 값을 넣으면 안된다.
//인자에 실제로 어떤 데이터가 전달될지는 함수를 호출 할 때, 결정되는 것이다.

 

❗️이 말은 즉, name에는 이미 안녕이라는 인자가 있고 함수가 호출되면 name에 "안녕!"이
데이터로 받아지기에 let name이라는 함수 내부에 있는 매개변수는 새로운 값을 넣을 수 없다.

 

매개변수 | 인자

  • 매개변수 : 함수를 정의하면서 함수 선언식의 (괄호) 내부의 변수명을 매개변수라고 한다. 전달된 인자를 받아들이는 "변수" 매개변수는 함수 안쪽에서 변수와 동일한 역할 - 함수의 괄호
  • 인자 : 어떤 함수를 호출하면서 호출문의 괄호 안에 있는 값이 정의된 변수를 쓰면 인자라고 함. 말 그대로 "전달" - 함수를 호출하는 호출문의 괄호

 

논리연산자 + 심화

⭐️if문 조건시 논리연산자를 사용하면 더 간단하게 풀어낼 수 있다.⭐️
- 논리연산자를 제대로 써야 내가 고생을 덜 하겠다.
-  if문 작성시 넓은 조건에서 좁은 조건으로 좁혀나가자!


undefined과 null의 차이점
- undefined
미리 선언된 전역변수(전역 객체의 프로퍼티) = let b / let c = {}
- null
선언된 변수지만 값 할당이 이루어지지 않았음을 나타낸다. = let a = null

 

null과 undefined

이 글은 https://codeburst.io/javascript-null-vs-undefined-20f955215a2 를 번역 및 정리한 글입니다. 오역이 있을 수 있습니다.

medium.com


인자의 값이
console.log(함수(인자1개)), console.log(함수(인자2개)), console.log(함수(인자3개)) 일 때,
if문을 사용해서 값을 구하는 방법

- 논리연산자 &&를 사용하여, 조건을 만듬
- 조건은 값이 있으면 매개변수 명을 넣어주고 값을 가지고 있지않다면 조건문에서 !매개변수 명
- 두번째 줄과 약간 다른 방법, 조건은 값이 있으면 (매개변수 명)을 넣어주고 값을 가지고 있지않다면 매개변수명 === undefined

 

배열(array) [ ]

  • 배열은 순서를 가지고 있다, 1부터 시작하는 것이 아닌 0부터 시작한다.
  • 배열 안에 배열 넣는 것이 가능하다.

 

배열에서의 데이터 

//배열 데이터 추가하기
arr[추가할 index] = 추가할 데이터 값(string | number | ... );

// 배열 요소에 접근하기
arr[0];  
arr[1];  

// 배열 요소의 개수 확인하기
arr.length 

// 마지막 요소에 접근
arr[arr.length - 1]; 

//배열안의 배열 : 배열도 하나의 자료형이기 때문에 배열안에 배열이 들어갈 수 있다.
let arr =[[1,5],[2,6]]; //이차원 배열 < 다차원 배열 < 삼차원 배열 = 그 이상은 ❌
 
//배열안의 배열 값 구하기
let numberingArr = arr[0][1]; //index가 0번째 = [1,5] 에 있는 1번째 index값 = 5
 

 

배열 조작하기

let cities = []; 

cities[6] = "쉽지않죠?";
//7번째 자리에 쉽지않죠 할당. 앞에 있는 빈 index들은 값이 없으므로 undefined

 

array의 함수들

: push, unshift 추가 | pop, shift 삭제

  • push(data) : array의 마지막 부분 추가
  • unshift(data) : array의 맨 앞 부분 추가
  • pop() : 마지막 요소를 제거, 마지막 요소의 값 반환
  • shift() : 맨 앞의 데이터를 삭제한다.
 

배열과 객체(1) 배열(array)

배열과 객체 : 데이터의 묶음 *배열과 객체가 JASON의 원형이다* 배열과 객체의 차이점 : 배열 - 순서가 있고 [] 로 묶는다 객체 - 순서는 없고 값의 이름 (key)가 있음. {}로 묶는다. 1. 배열 1. 배열 만들기 :..

grace-go.tistory.com

 

 

 

❓매개변수가 함수 안쪽에서 변수와 동일한 역할을 해서 함수 내부에서 인자값을 받은 변수에 새로운 값을 넣으면 안된다고 했는데,
return값을 받은건 괜찮고 let 매개변수명 = 하는건 안된다가 맞는건가?

댓글