JavaScript中concat()如何使用
创始人
2024-12-16 14:20:41
0次

数组方法concat()

  1. concat()可以基于当前数组中的所有项创建一个新数组。即这个方法会先创建当前数组一个副本,然后将接收到的参数添加到这个副本的末尾,最后返回新构建的数组。   没有给concat方法传递参数的情况下,它只是复制当前数组并返回副本。   如果传递的是一或多个数组,则该方法会将这些数组中的每一项都添加到结果数组中   如果传递的值是不是数组,这些值会被简单的添加到数组的末尾   注意:该方法不会改变先后的数组,而仅仅会返回被连接数组的一个副本。定义和用法:concat() 方法用于连接两个或多个数组。语法:arrayObject.concat(arrayX,arrayX,……,arrayX)参数:arrayX 必需。该参数可以是具体的值,也可以是数组对象。可以是任意多个。返回值:返回一个新的数组。该数组是通过把所有 arrayX 参数添加到 arrayObject 中生成的。如果要进行 concat() 操作的参数是数组,那么添加的是数组中的元素,而不是数组。

方法一:

function connectArray() {  var result = [];  var len = 0;  //获取所有数组的总长度  for(var i = 0; i < arguments.length; i++) {    len += arguments[i].length;  }  for(var i = 0; i < len; i++) {    if(i < arguments[0].length) {      result[result.length] = arguments[0][i];    }    else if( i < arguments[1].length + arguments[0].length) {      result[result.length] = arguments[1][i - arguments[0].length];    }    else if(i < arguments[2].length + arguments[1].length + arguments[0].length)    result[result.length] = arguments[1][i - arguments[0].length- arguments[1].length];  }  return result;}var arr1 = [1, 2, 3, 4, 5, 6];var arr2 = ['A', 'B', 'C'];var arr3 = ['AAA', 'BBB', 'CCC'];var arr4 = ['Hello', 'World'];// 连接数组console.log(connectArray(arr1));console.log(connectArray(arr1, arr2)); // [1, 2, 3, 4, 5, 6, "A", "B", "C"]console.log(connectArray(arr1, arr2, arr3)); // [1, 2, 3, 4, 5, 6, "A", "B", "C", "A", "B", "C"]

运行结果:

方法二:

var arr1 = [1, 2, 3, 4, 5, 6];var arr2 = ['A', 'B', 'C'];var arr3 = ['AAA', 'BBB', 'CCC'];var arr4 = ['Hello', 'World'];// 以下未考虑复杂情况,仅供参考:Array.prototype.copyConcat =function() {  var result = [],    len = this.length,    argLen = arguments.length;  // result = this;  //这样将this的值直接赋值给result不行,因为是将this的引用赋值给result  //将this的值复制给result  for(var i = 0; i < this.length; i++) {    result[result.length] = this[i];  }  // 不传递参数  if(arguments.length == 0) {    return result;  }  // 有参数的时候  for(var i = 0; i < argLen; i++) {    if(Array.isArray(arguments[i])) {// 参数是数组项的时候      for(var j = 0; j < arguments[i].length; j++) {        result[result.length] = arguments[i][j];      }    }    else { //参数不是数组项的时候      result[result.length] = arguments[i];    }  }  return result;};// 不传递参数var resultArr1 = arr1.copyConcat(); // [1, 2, 3, 4, 5, 6]console.log(resultArr1);// 传递参数但不是数组console.log(arr1.copyConcat('xxx', 'yyy', 'zzz'));// [1, 2, 3, 4, 5, 6, "xxx", "yyy", "zzz"]// 传递参数,参数是数组console.log(arr1.copyConcat(arr2)); // [1, 2, 3, 4, 5, 6, "A", "B", "C"]console.log(arr1.copyConcat(arr2, arr3, arr4));// [1, 2, 3, 4, 5, 6, "A", "B", "C", "AAA", "BBB", "CCC", "Hello", "World"]// 传递的参数:字符串、数字和数组console.log(arr1.copyConcat('参数', '999', arr2, arr3));// [1, 2, 3, 4, 5, 6, "参数", "999", "A", "B", "C", "AAA", "BBB", "CCC"]console.log(arr1); // 1,2,3,4,5,6

相关内容

热门资讯

空调连续工作多久需要停机休息 空调连续工作的时间取决于多个因素,包括空调的型号、功率、使用环境和维护情况等。一般来说,空调可以连续...
空调哪个符号是除湿的 空调除湿功能通常用一个水滴形状的符号表示。不同品牌和型号的空调遥控器可能会有所差异,但一般来说,除湿...
格力空调多长时间加一次氟利昂 1、一般情况下,空调对氟利昂的使用量是非常小的,所以在空调使用了四年左右的时候再考虑加也没问题。2、...
空调用多长时间需要加氟一次 一般情况下是五年。当出现以下这几种情况时,空调才需要加氟。1、空调的室内机和室外机各有两个接口,当接...
格调生活·C标思享荟:卡萨帝在... 9月12日的郑州龙湖金融岛,夜风轻拂,灯光璀璨。“C标时刻共传奇——卡萨帝思享荟暨20周年品牌盛典郑...
品牌价值破千亿、高端份额持续领... 9月12日,“C标时刻共传奇——卡萨帝思享荟暨20周年品牌盛典郑州站”在郑州龙湖金融岛举办。2026...
空调主板坏了修800还是换新的 空调主板坏了是修还是换新,需要考虑多个因素,以下是一些建议:1. 维修成本:如果维修费用较低,比如 ...
空调开多久需要休息多长时间 问题:空调开多久需要休息多长时间回答:1、在使用空调的过程中,一般空调开7~8个小时左右需要休息2~...
中央空调多长时间清洗一次 1、一般空调开机前清洗一次即可,空调开机中间时段再清洗一次,空调关机时清洗一次,这样比较合理。2、空...
中央空调氟利昂多久加一次 看空调制热和制冷程度,很多人的观点认为氟利昂必须一年放一次,其实这个观点是错误的,理解上面有点偏差,...