javascript 摘要函数

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;
    }
}

屏幕截图:

Answer 1

您需要使用空字符串初始化您的 newStr 变量，否则该变量将包含 undefined 值，当您连接时该值将被转换为字符串，例如:

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..."

一些评论:

• 您不需要调用 Number(size)，因为除法运算符会进行类型强制转换。含蓄地
• 您可以使用 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