JavaScript5 배열을 문자열로 - join() 함수 join() 함수는 배열안의 값들을 문자열로 바꿔주는 함수다. const infos = ["computer", "books", "study"] 라는 배열이 있다고 가정하면 아래와 같이 사용할 수 있다. infos.join(separator) 여기서 separator는 반환된 문자열들을 나눌 구분자이다. default 값으로는 ','이 되어있다. 예시) 2022. 8. 26. Object.keys() Object.keys()는 객체의 key값들을 문장열 배열로 반환시켜준다. 예를 들어 배열형 객체일 경우 아래와 같은 결과가 도출된다. const obj = { first: 'a', second: 'b', third: 'c' }; console.log(Object.keys(obj)); //콘솔 출력 값 :: ['first', 'second', 'third'] 나는 위의 문법을 카카오 로그인 API를 사용하면서 필요성을 느꼈다. 개개인마다 여러 암호키들이 주어진다. 구현 도중에 이것들을 key 값, value값 각각 다르게 encoding을 해주어야 했는데 이런 경우에 아주 유용했다. # 나는 몰랐던 거지만 배열형 객체의 특정 value 값을 불러올 때 obj["first"] 이런식으로 key 값을 넣어주.. 2022. 8. 20. 동기/비동기 - Callback javaScript is synchronous(동기) execute the code block by orger after hoisting hoisting : var, function declaration이 해당 범위의 최상위로 올려지는 것 동기(Synchronized) 동기란 짜여진 코드 순서대로 실행되는 것을 의미한다. 즉, 제일 위의 코드가 제일 먼저 실행되고 실행이 완료되면 그 다음 순서의 코드가 실행된다. 비동기(Asynchronized) 동기적 실행이 하나의 흐름안에서 실행이 된다면 비동기적 실행은 이 흐름이 나뉘어 져서 두개이상의 함수가 동시에 동작한다. 아래의 코드를 예를 들 수 있다. console.log('1') //browser API setTimeout(() => console.log.. 2022. 8. 19. 배열/함수들 배열 - var city = []; + 길이 설정 x - 배열 데이터 값이 0이면 삭제됨 join() - city.join(); ==> 데이터들을 콤마로 연결 - city.join('-') ==> 데이터들을 -로 연결 concat() - data.concat( 데이터3); ==> 괄호안의 것과 data 연결 reverse() - data.reverse() sort() - 주의: 자릿수가 다른 숫자들은 다르게 처리를 해줘야한다. slice(a,b) - a부터 b 전까지 인덱스 값의 데이터들을 반환 splice(a,b) - a 부터 b 인데스에 위치한 데이터를 잘라냄 나머지는 잘라진채 남겨짐 - splice(2,5,"사람","인간") + 인덱스 2부터 5까지 잘라내고 사람,인간 추가 - splice(2,Nu.. 2022. 6. 24. 이전 1 2 다음 반응형
