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... 谁能看到我哪里出错了？

编辑：

基于以下 cmets 的修订代码适用于任何在谷歌上搜索此类功能的人：

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

几个cmets：

• 您不需要调用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