javascript summary function

Question

메신저 요소 컨테이너의 크기에 따라 작은 이름 요약 함수를 만들려고합니다. 내가 얻을 수가 무엇

function shorten_text(str, size){ 
    size = size.match(/[0-9]*/); 
    var endValue = Math.floor(Number(size)/10); 
    var number; 
    var newStr; 
    for (number = 0; number <= endValue; number++) { 
     if(str[number].length != 0) { 
      newStr += str[number]; 
     } 
    } 
    return newStr + '...'; 

} 
shorten_text('Phil Jackson', '94px'); 
// output should be 'Phil Jack...' 

내가 잘못 가고 어디 사람이 을 볼 수 있습니다 ... undefinedundef입니까?

편집 :

같은 기능을 위해 인터넷 검색을하는 사람은 아래의 의견에 따라

개정 코드 :

function shorten_text(str, size){ 
    size = parseInt(size); 
    var endValue = Math.floor(size/10); 
    if(str.length > endValue) { 
     return str.substring(0, endValue) + '...'; 
    }else{ 
     return str; 
    } 
} 

스크린 샷 : 당신은 당신의 newStr를 초기화해야

screenshot http://www.freeimagehosting.net/uploads/4639663b52.gif

Answer 1

변수를 빈 문자열로 채우십시오. 그렇지 않으면 해당 변수에 undefined 값 wh가 포함됩니다. 이후

• 당신은 Number(size)를 호출 할 필요는 없다 :
  함수에서

  var test; // at this moment the variable contains the undefined value 
  test += 'foo'; 
  // now test contains "undefinedfoo" 
  

  :

  function shorten_text(str, size){ 
      size = size.match(/[0-9]*/); 
      var endValue = Math.floor(Number(size)/10); 
      var number; 
      var newStr = ''; 
      for (number = 0; number <= endValue; number++) { 
       if(str[number].length != 0) { 
        newStr += str[number]; 
       } 
      } 
      return newStr + '...'; 
  } 
  
  shorten_text('Phil Jackson', '94px'); // outputs "Phil Jacks..." 
  

  몇 가지 의견 당신이 연결할 때 무형 문화 유산은 예를 들어, 문자열로 변환됩니다 나누기 연산자는 형식 강제 변환을합니다. 암시 적으로

• substring 메서드를 사용하면 원래 문자열의 일부를 가져올 수 있습니다. 대괄호 속성 접근을 가진 문자열의
• 액세스 문자가 일부 구현에서 지원되지 않을 수 있습니다, 당신은 동일한 기능을 수행 할 표준 charAt 방법 (str.charAt(i))

또 다른 방법을 사용할 수 있습니다

function shorten_text(str, size){ 
    var endValue = Math.floor(parseInt(size)/10); 
    return str.substring(0, endValue) + '...'; 
} 

shorten_text('Phil Jackson', '94px'); // outputs "Phil Jack..." as expected