Javascript Array Concat 不起作用。为什么?

2022-08-30 05:11:49

所以我创建了这个jqueryui小部件。它创建了一个 div,我可以将错误流式传输到其中。小部件代码如下所示:

$.widget('ui.miniErrorLog', {
   logStart: "<ul>",   // these next 4 elements are actually a bunch more complicated.
   logEnd:   "</ul>",
   errStart: "<li>",
   errEnd:   "</li>",
   content:  "",
   refs:     [],

   _create: function() { $(this.element).addClass( "ui-state-error" ).hide(); },

   clear: function() { 
      this.content = ""; 
      for ( var i in this.refs )
         $( this.refs[i] ).removeClass( "ui-state-error" );
      this.refs = [];
      $(this.element).empty().hide(); 
   }, 

   addError: function( msg, ref ) {
      this.content += this.errStart + msg + this.errEnd; 
      if ( ref ) {
         if ( ref instanceof Array )
            this.refs.concat( ref );
         else
            this.refs.push( ref );
         for ( var i in this.refs )
            $( this.refs[i] ).addClass( "ui-state-error" );
      }
      $(this.element).html( this.logStart + this.content + this.logEnd ).show();
   }, 

   hasError: function()
   {
      if ( this.refs.length )
         return true;
      return false;
   },
});

我可以向其中添加错误消息,以及对将进入错误状态的页面元素的引用。我用它来验证对话。在“addError”方法中,我可以传入单个id或id数组,如下所示:

$( "#registerDialogError" ).miniErrorLog( 
   'addError', 
   "Your passwords don't match.", 
   [ "#registerDialogPassword1", "#registerDialogPassword2" ] );

但是当我传入一个id数组时,它不起作用。问题在于以下几行(我认为):

if ( ref instanceof Array )
   this.refs.concat( ref );
else
   this.refs.push( ref );

为什么这不起作用。this.refs 和 ref 都是数组。那么,为什么连接器不起作用呢?

奖励:我在这个小部件中做了其他愚蠢的事情吗?这是我的第一个。


答案 1

concat 方法不会更改原始数组,您需要重新分配它。

if ( ref instanceof Array )
   this.refs = this.refs.concat( ref );
else
   this.refs.push( ref );

答案 2

原因如下:

定义和用法

concat() 方法用于连接两个或多个数组。

此方法不更改现有数组,但返回一个新数组,其中包含联接数组的值。

您需要将串联的结果重新分配到您拥有的数组中。