다시

값 다루기

프로그래밍을 하면서 가장 많이하는일 = 값 다루기 = 리터럴

변수

변수, '하나의 값을 저장하는 메모리공간에 붙힌이름, 또는 메모리공간 그자체'

식별자

프로그래밍 언어에서 다른것과 구별하기위한 것? 변수명,함수명,클래스명 등

식별자 규칙에서 띄어쓰기가 안되는데

const obj ={
 name: 'bs'
 age : '27'
 name hello : hi
 age-hi: hi

}

obj.name
obj.age
obj.['name hello'] 이렇게 읽기 위함
obj.['age-hi']

식별자 명명규칙에 해당안되는 키값을 읽을때 필요하다


메소드 동적으로 (정적인 데이터를 바꾸고 싶을때?) 간단하게는 객체내에 함수, 또는 객체에서 내부 데이터를 동적으로 할떄

데이터에 관련된 동작을 갖고있는 함수 (객체와 관련된)


배열 = 순서가 있는 값의 집합 (js에선 문자열, 숫자, 함수 등 '값이 될 수 있는것'은 모두 들어갈 수 있다

function add(a,b){
 return a+b;
}
const arr = [1, Symbol(), true, add, '5']



배열만드는 방법

const arr = [1,2,3];
const arr2 = new Array(3).fill(1);
const arr3 = Array.from('hello')
const arr4 = Array.of(1,2,3,4,5)

뒤에추가 arr.push
뒤에 제거 arr.pop

앞에 추가 arr.unshift
앞에 제거 arr.shift


배열 메소드

push,pop,splice,sort,reverse 원본배열을 바꾼다


slice ,concat, map ,filter, reduce , join, find , some , every, findIndex =새로운 배열을 만든다


arr.splice(1, 3, 5,6,7) 첫번쨰 인덱스부터 두번쨰 인덱스까지 없앤다. 그리고 3번쨰인덱스의 값을 넣는다

arr.slice(1,3) 1보단 크거나 같고, 3보단 작은 애들을 찾아낸다
배열을 복사하고 싶을때 쓴다

const newArr = arr.slice() 복본을 만든다 
그냥 arr[인덱스]를 변경시키면 참조를 같고있기 때문에 통으로 변한다


arr.map: 배열의 요소 내용을 변경해서 새롭게 반환하는 메소드 

arr.map((element,index,this) => element*2) 엘레먼트를 받아와서 *2를 한후 반환 , 도는 index
arr.map((element) =>{ return element*2 });
콜백함수가 반환한 값이 요소가된다

filter : 배열에서 조건에 맞는 요소만 추려서 반환하는 메소드 콜백함수가 반환한 것이 true이면 남고, false이면 사라진다
const newArr = arr.filter((element) => element >3);

reduce : 배열을 복사한 뒤 새로운 값(배열이 아닐 수 도 있음)을 반환 새로운값이 배열이 아닐 수 
const arr = [1,2,3,4,5]
const newArr = arr.reduce((acc, element) => acc + element) acc 1, element 가 2,3,4,5로 바뀜 (누적)
reduce(add, 0) 가능 초기값 0 elem은 0번부터 시작가능

join 배열을 가지고 문자로 만들고 싶을때 사용
const newArr = arr.join('') 사이에 문자열을 넣는다

find:콜백함수가 반환한 값이 true인 요소를 반환
const newArr = arr.find((element) => element ===2)

some: 콜백이 반환한 값이 하나라도 true이면 true 반환
const newArr = arr.some((element) => element ===2) 있냐 없냐

every:콜백이 반환한 값이 모두 true이면 true반환
const newArr = arr.every((element) => element <5)

findIndex 콜백이 반환한 값이 true인 요소의 인덱스를 반환 없으면 -1
const newArr = arr.findIndex((element) => element ===5)

string의 불변성

const a = 'bs'

a[0] = h

안된다 문자열의 불변성 , 변수가 되는것은 아예 새로운것들을 만들어내는것

const str = '1,2,3,4,5';
const = str.split(',')