Language/JavaScript
-
indexOf 메소드 하드코딩하기Language/JavaScript 2022. 10. 29. 16:54
Q. 문자와 문자열이 주어졌을때, 주어진 문자열에서 주어진 문자가 나타나는 첫번째 위치를 반환하는 getFind 함수를 작성하세요. Notes: 문자열의 첫번째 문자는 인덱스 값 0 을 가집니다. 만약 문자열에 해당 문자가 여러번 나타나면, 첫번째로 나타나는 위치를 반환해야 합니다. 만약 문자가 문자열에 존재하지 않는다면, -1 을 반환해야 합니다. 중요!! indexOf 함수를 사용하지 마세요. const output = getFind('a', 'I am a hacker') console.log(output) // --> 2 이 문제를 풀 때 주어진 filter가 sentence에서 처음 나타나는 index를 반환 하는 로직을 만드는 것은 어렵지 않았다. function getFind(filter, s..
-
JavaScript 100제 오답노트 37번_반장선거Language/JavaScript 2022. 10. 24. 11:05
37. 반장 선거 Q 새 학기를 맞아 호준이네 반은 반장 선거를 하기로 했습니다. 그런데 표를 하나씩 개표하는 과정이 너무 번거롭게 느껴진 당신은 학생들이 뽑은 후보들을 입력받으면 뽑힌 학생의 이름과 받은 표 수를 출력하는 프로그램을 작성하기로 하였습니다. 입력 원범 원범 혜원 혜원 혜원 혜원 유진 유진 출력 혜원(이)가 총 4표로 반장이 되었습니다. //답안 // 1. 입력된 str을 arr로 만든다. => (split) // 2. 최다 요소를 뽑는다. // -> 배열 요소를 프로퍼티 키로 갖는 객체를 생성하고 요소의 개수를 프로퍼티의 값으로 지정한다. // => (for in 문) // 3. 최다 요소 갯수를 뽑는다. // -> 객체의 프로퍼티 값을 비교한다. // => (reduce) const n..
-
다시 봐도 헷갈리는 배열 메소드 정리_filter, map, forEachLanguage/JavaScript 2022. 10. 21. 21:50
배열 메소드를 공부하고 돌아서면 까먹는다. 화.난.다.정.말 이 메소드가 배열을 반환하는지, 평가만 하는지 혼란스럽고 결국 MDN을 찾아보게 된다. 물론 언제든지 메소드를 사용할 때 찾아보면서 코딩하면 되겠지만, 언제까지나 그럴 수는 없다. 그래서 이참에 이번 프리코스 기간동안 나를 괴롭혔던 배열 메소드를 정리해본다. 1. filter() filter 메소드는 주어진 조건에 맞는(함수의 return을 true로 만드는) 요소 전체를 담은 배열을 반환한다. 어떠한 요소도 테스트를 통과하지 못하면 빈 배열을 반환합니다. filter는 배열 내 요소를 탐색해서 원하는 요소를 뽑아낼 때 사용합니다. 함수명 그대로 필터링 하는 것이죠. let results = arr.filter(function(item, ind..
-
JavaScript 100제 오답노트 26번_행성문제 2Language/JavaScript 2022. 10. 6. 00:59
JEJU CODING BASE CAMP - CODE FESTIVAL JavaScript 100제 26. 행성 문제2 우리 태양계를 이루는 행성은 수성, 금성, 지구, 화성, 목성, 토성, 천왕성, 해왕성이 있습니다. 이 행성들의 영어 이름은 Mercury, Venus, Earth, Mars, Jupiter, Saturn, Uranus, Neptune입니다. 행성의 한글 이름을 입력하면 영어 이름을 반환하는 프로그램을 만들어 주세요. //문제 답안 const planets = { '수성' : 'Mercury', '금성' : 'Venus', '지구' : 'Earth', '화성' : 'Mars', '목성' : 'Jupiter', '토성' : 'Saturn', '천왕성' : 'Uranus', '해왕성' : 'N..
-
JavaScript 100제 1부 오답노트 (1~20)Language/JavaScript 2022. 9. 30. 20:23
JEJU CODING BASE CAMP - CODE FESTIVAL JavaScript 100제 1부 8. 객체의 키 이름 중복 자바스크립트 객체를 다음과 같이 만들었다. 출력값을 입력하시오. (출력값은 공백을 넣지 않습니다. ) var d = { 'height':180, 'weight':78, 'weight':84, 'temperature':36, 'eyesight':1 }; console.log(d['weight']); -> 객체의 키 값이 중복되었을 경우, 마지막 키의 값을 가져온다. 따라서 출력값은 84이다. 9. concat을 활용한 출력 방법 다음 소스 코드를 완성하여 날짜와 시간을 출력하시오. var year = '2019'; var month = '04'; var day = '26'; va..
-
삼항연산자(조건부연산자, ?)Language/JavaScript 2022. 9. 22. 18:44
조건부 연산자(?, 삼항연산자) -출처 : https://ko.javascript.info/ifelse '물음표(question mark) 연산자’라고도 불리는 '조건부(conditional) 연산자’를 사용하면 if문을 짧고 간결하게 변형할 수 있습니다. 조건부 연산자는 물음표 '?' 로 표시합니다. 피연산자가 세 개이기 때문에 조건부 연산자를 '삼항(ternary) 연산자’라고 부르는 사람도 있습니다. 참고로, 자바스크립트에서 피연산자를 3개나 받는 연산자는 조건부 연산자가 유일합니다. let result = condition ? value1 : value2; // 평가 대상인 condition이 truthy라면 value1이, 그렇지 않으면 value2가 반환됩니다. 또한, if문을 중첩할 수 있듯..
-
Value Types and Reference TypesLanguage/JavaScript 2022. 9. 22. 18:02
(EP 03.) 자바스크립트 개발자라면 알아야하는 핵심 컨셉 33개 | #3. Value Types and Reference Types * 간단요약 1. Value Types : string, number, boolean, NaN, undefined, null let a = 50; let b = a; a = 10; console.log(b); //50 value 데이터 타입을 새로운 변수에 할당(=)하는 경우 변수에 복사된 새로운 value는 기존 value를 참조하지 않는다. - Reference Types : array, object, function const sexy = ['kimchi', 'potato']; const pretty = sexy; sexy.push('hello'); console...
-
문자열을 배열로 변환, 배열을 문자열로 변환, Spread OperatorLanguage/JavaScript 2022. 9. 22. 16:30
1. 문자열을 배열로 변환 -출처 : https://codechacha.com/ko/javascript-convert-string-to-array/ // 예제 // 변수 myString에 담긴 문자열 'JavaScript'를 배열로 반환하라. const myString = 'JavaScript' /* 단어(str 인자)가 주어졌을 때 함수의 리턴값은 주어진 단어를 구성하는 모든 문자를 담고 있는 배열입니다. 만약 빈 문자열이 주어졌다면, 빈 배열을 반환해야 합니다. 결과값 : let output = getAllLetters(myString); console.log(output); --> ['J', 'a', 'v', 'a', 'S', 'c', 'r', 'i', 'p', 't'] */ 1.1 string.c..
-
단축 평가 값(short circuit evaluation)Language/JavaScript 2022. 9. 5. 13:38
출처 : http://milooy.github.io/TIL/JavaScript/short-circuit.html#%E1%84%8B%E1%85%A8%E1%84%8C%E1%85%A6 단축 평가 값 (Short-circuit Evaluation) | Today Yurim Learned 단축 평가 값 (Short-circuit Evaluation) 논리 연산자들은 왼쪽->오른쪽 순으로 실행됨. 이 연산자들은 결과를 얻게 되는 순간 단축 평가(즉, 평가의 중단)를 시행. false && 표현식 -> 이미 false발견 true || milooy.github.io 논리 연산자들은 왼쪽->오른쪽 순으로 실행됨. 이 연산자들은 결과를 얻게 되는 순간 단축 평가(즉, 평가의 중단)를 시행. false && 표현식 -> ..