_.concat lodash vs Array.prototype.concat()
()
_.concat是lodash库中的一个函数，用于将多个数组或值连接成一个新数组。它接受多个参数，每个参数可以是数组或值。该函数会返回一个新数组，其中包含了所有参数数组和值的元素。
Array.prototype.concat()是JavaScript中数组对象的原生方法，用于将一个或多个数组或值连接成一个新数组。它接受多个参数，每个参数可以是数组或值。该方法会返回一个新数组，其中包含了所有参数数组和值的元素。
两者的功能非常相似，都可以用于连接数组或值。然而，它们之间存在一些差异。
- lodash的_.concat函数是一个独立的库函数，需要引入lodash库才能使用。而Array.prototype.concat()是JavaScript原生数组对象的方法，无需额外引入任何库。
- lodash的_.concat函数可以接受多个参数，每个参数可以是数组或值。而Array.prototype.concat()只能接受一个参数，该参数可以是数组或值。如果需要连接多个数组，需要使用apply()方法或扩展运算符。
- lodash的_.concat函数可以处理嵌套数组，即参数数组中的元素也可以是数组。而Array.prototype.concat()只会将参数数组的元素直接连接到新数组中，不会处理嵌套数组。
在实际应用中，选择使用哪个方法取决于具体的需求和项目环境。如果项目已经引入了lodash库，可以使用_.concat函数来进行数组连接操作。如果项目不依赖任何第三方库，可以使用Array.prototype.concat()方法来实现相同的功能。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云函数计算（云原生）：https://cloud.tencent.com/product/scf
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
- 腾讯云移动开发（移动推送）：https://cloud.tencent.com/product/umeng
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云音视频（腾讯云直播）：https://cloud.tencent.com/product/lvb
相关·内容
我试图使用concat()方法在javascript中连接两个数组。我想知道这两种情况有什么区别
var a = [1, 2, 3];
console.log(Array.prototype.concat.call(a, [4, 5, 6]));
// Result: [1, 2, 3, 4, 5, 6]
console.log(Array.prototype.concat(a, [4, 5, 6]));
// Result: [1, 2, 3, 4, 5, 6]
我认为，通过使用call方法，当我们将this对象作为第一个参数传递时，它将更改数组a。但事实并非如此。
浏览 2提问于2016-04-19得票数 0
回答已采纳
我测试了各种数组连接技术，并不是因为它实际上对我的代码很重要，而是作为一个旁白，看看我们现在在哪里。正如预期的那样，非常新的ES 2015扩展操作符在JavaScript阵列上被旧的JavaScript方法击败了相当大的差距。
然而，让我有点惊讶的是，当我比较这两种情况时：
var a = b = c = [1,2,3,4,5];
// SLOWER (V8 and Edge, very slightly faster in Firefox)
console.time('t1');
for (i = 0; i < 1000000; i++) {
Array.pr
浏览 5提问于2016-09-15得票数 6
回答已采纳
4回答
重新排序索引周围的数组
、、、
我的问题很容易解释，但要找出最有效的方法是很困难的。
我正在尝试重新排序数组，从数组中的特定索引开始。
我所拥有的：
var array = [1,2,3,4,5];
我想要的：
array = [3,4,5,1,2];
我所做的：
var array = [1,2,3,4,5];
var arr1 = array.slice(array.indexOf(3), array.length);
var arr2 = array.slice(0, array.indexOf(3));
arr1.push(arr2);
var newArray = arr1.join(); // [3,4,5,
浏览 6提问于2015-06-23得票数 1
回答已采纳
我是JavaScript新手。今天，我学习了reduce，并着手实现我自己的数组扁平函数。
我所拥有的是
var array = [[1, 2], [3, 4, 5], [6]];
var result = array.reduce(Array.prototype.concat, []); // Causes Uncaught TypeError: Array.prototype.concat called on null or undefined
var result = array.reduce(Array.prototype.concat.call, []); // Causes Unc
浏览 19提问于2017-02-17得票数 4
回答已采纳
1回答
我正在构建一个电子应用程序，并试图保留每个页面上的图像数组，因此如果删除该页面，我可以轻松地从文件系统中删除所有相关的图像。
我现在拥有的：
const initialState = [{
uuid: '65ec81f5-a783-4abd-bd0d-1451adda58c6',
imageUUIDs: []
}];
const actionsMap = {
[ActionTypes.ADD_IMAGE_TO_PAGE](state, action) {
const pageUUID = action.pageUUID;
cons
浏览 1提问于2017-05-28得票数 0
回答已采纳
我试图在日志输出中添加一些前缀，但它在Chrome中运行不好：
function getlog(p) {
return function() {
var mainArguments = [p].concat.call(arguments);
console.log.bind(console).apply(console, mainArguments); }
}
最简单的解决方案很好用:console.log.bind(控制台)，但我想添加额外的文本。
相关主题：
浏览 1提问于2014-09-08得票数 1
1回答
ATT，下面的实现有什么不同吗？
1.
var a = [];
f = function(){
a = [].concat(a,[].slice.call(arguments));
}
2.
var a = [];
f = function(){
a = Array.prototype.concat(a,[].slice.call(arguments));
}
浏览 1提问于2013-12-23得票数 0
1回答
我有一个方法，它从嵌套的对象中生成一个from对象数组。
{a: 'b',
c: {d: 'e'}
}
将会是
[{a: 'b'}, {d:'e'}]
因此，此方法的返回类型是一个对象数组(Record<string, any>[])。但是，类型记录会出现以下错误：
TS2769:没有重载匹配此调用。..。类型为'Record<string，any>[] { x: string: any；}‘的参数不能分配给'ConcatArray’类型的参数。键入“Record<string，an
浏览 6提问于2021-02-03得票数 4
回答已采纳
我有两个火基列表：
包含4项的publicItems
包含2项的privateItems
我想从这两个列表中提取出来，并将它们合并成一个可观察的列表。
要做到这一点，我尝试使用合并
import { Observable } from 'rxjs/Rx';
import 'rxjs/add/operator/merge';
items: Observable<any[]>;
this.items = this.af.list('/privateItems').merge(this.af.list('/publ
浏览 2提问于2017-07-07得票数 0
回答已采纳
1回答
我正在学习JavaScript，目前正在尝试找出原因(在中)
[].concat.apply([1], [[2]])
返回预期的[1, 2]，但
Array.concat.apply([1], [[2]])
返回[2]而不是[1, 2]。
有没有人能给出一个好的解释？
浏览 2提问于2011-12-29得票数 5
回答已采纳
2回答
我试图理解数组方法，当我用vs代码编写代码并只调用array.prototype.concate.call()时，给出了正确的结果
console.log(Array.prototype.concat({}, 1, 2, 3));
，但是当我尝试array.concate()时，它会给我一个错误.
console.log(Array.concat({}, 1, 2, 3));
错误信息：
TypeError: Array.concat is not a function
浏览 4提问于2022-11-30得票数 -1
回答已采纳
10回答
我在下面得到了一个拉取请求反馈，只是想知道哪种方式是正确的导入lodash的方式？
你最好从‘lodash/ has’中导入has..对于lodash的早期版本(v3)，它本身就相当繁重，我们应该只导入一个特定的模块/函数，而不是导入整个lodash库。不确定较新的版本(v4)。
import has from 'lodash/has';
vs
import { has } from 'lodash';
谢谢
浏览 141提问于2016-02-07得票数 233
回答已采纳
我有一个函数，它接收来自前一个JSON响应的数据，调用另一个web服务，并将第二个调用的结果添加到原始JSON响应的末尾。但是，当我使用extend时，原始数组中的项将被新数组中的项替换。我理解使用$.extend会用相同的键覆盖我的项目，但是我找不到另一个选项，因为我没有尝试$.merge我的项目，因为我需要连接它们。还有其他可行的选择吗？谢谢!
//data is the object to which I am trying to add data
function verificaFileServer(data, subprograma, etapa, destino, lista,
浏览 2提问于2015-12-02得票数 0
回答已采纳
2回答
谁能解释一下为什么下面的不一样？ const j = 't1'
const t = 1
if (j === ['t'].concat(t)) {
console.log('the same')
} 我本以为我是在将t1与t1进行比较，但我猜我没有？
浏览 8提问于2020-07-27得票数 0
回答已采纳
1回答
Strongloop追加对象
、、、、
我有一个列类型为JSON的MySQL表
{
"type": "1",
"local": "1",
"maker": "1"
}
我想要追加JSON数组
[{
"type": "1",
"local": "1",
"maker": "1"
},
{
"type": "2",
"local": "2",
"maker": "
浏览 3提问于2017-05-18得票数 0
1回答
我正在做一个代码库，它有很多不一致的地方，因为它是由多个不同的人处理的。
function todos(state = [], action) {
switch (action.type) {
case 'ADD_TODO':
return state.concat([ action.text ])
default:
return state
}
}
我可以用扩展语法代替concat吗？
return [...state, action.text]
浏览 2提问于2017-07-10得票数 0
我有一个有收藏夹数组的用户
我正在尝试连接一个项目到收藏字段。
在这里，我将用户分配给userToChange变量
const userToChange = action.data.user;
在这里，我将一张卡片连接到用户的favorites字段
const changedUserFavorites = userToChange.favorites.concat(action.data.card);
我需要将更新后的用户字段传递给axios更新调用。我已经尝试连接用户和更新的收藏夹字段如下。
const changedUser = userToChange.concat(changedUs
浏览 5提问于2019-12-06得票数 0
回答已采纳
我对样式化组件很陌生，我想知道在性能问题中，什么是不同的样式(组件)和样式(标签名称)。
样式(标签名称)
const StyledP = styled('p')``
export const StyledComponent = props => (
<StyledP>{props.name}</StyledP>
)
样式(部件)
const FunctionalComponent = props => (
<p className={props.className}>{props.name}<
浏览 1提问于2019-03-18得票数 1
回答已采纳
3回答
我想在一个reducer中深度合并2个具有相似属性的javascript对象。问题是这两个对象都有数组作为它们的属性，我需要将它们连接起来而不是替换。基本上是这样的：
var x = {
name: 'abc',
family: {
children: [
{name: 'xxx'},
{name: 'zzz'}
]
}
};
var y = {
name: 'abc',
family: {
children: [
{name: 'yyy&#
浏览 3提问于2017-01-26得票数 0
2回答
const template = {
example: {
simple: ['Hey', 'Origami'],
extra: ['Its me', 'Dotcom']
}
}
我想将template.example.simple和template.example.extra的每个元素连接在一起。
因此，结果将是：
['Hey', 'Origami', 'Hey Its me', 'Hey Dotcom'
浏览 4提问于2021-08-20得票数 1
回答已采纳
2回答
我正在尝试使用reduce连接一个数组数组，我想我可以像这样使用Array.prototype.concat函数：
arr = [[1],[2],[3]]
arr.reduce((a, b) => Array.prototype.concat(a, b), [])
它工作得很好，给了我数组[1, 2, 3]。然后，我想我可以更聪明，这样做：
arr = [[1],[2],[3]]
arr.reduce(Array.prototype.concat, [])
然而，这给我带来了一个错误：
TypeError: Array.prototype.concat called on null or
浏览 2提问于2017-03-01得票数 2
回答已采纳
1回答
我在组件的状态中存储了一个数字数组，我正在尝试使用componentDidMount方法中的计时器内的setState来推送另一个数字，以查看它在屏幕上如何变化。但当计时器结束时，现有的数组将被我在push方法中作为参数传递的数字替换，而不是将其附加到数组中。
class Foo extends React.Component {
constructor(props){
super(props);
this.state = {
array : [1,2,3,4,5]
}
}
componentDi
浏览 0提问于2020-01-15得票数 1
我有一个重影对象的数组重影，设置是一个重影函数。Javascript不这么认为...
我得到这样的错误:未捕获TypeError: ghosts(ghosts.length - 1).setup不是一个函数
currentWords是一个由字符串数组和设置组成的数组，新的Ghost处于一个区间内。
var Ghost=function()
{
this.ghostPic='<img src="ghost.png">';
this.x=Math.floor(Math.random()*50
浏览 28提问于2018-09-29得票数 0
回答已采纳
1回答
我正在尝试在浏览器上从头开始创建一个GIF图像。这一切都是有效的，但它需要大量的时间来建立一个让人感觉平淡无奇的小形象。(高端处理器上100帧的300x200的速度为2.6s)
目前，我正在将所有数据连接到一个简单的Array中，并在完成后将所有内容转换为Uint8Array。我猜使用Uint8Array会有更好的内存和效率，但是我不知道如何在创建数据时将其连接起来。
我每次都尝试重新创建Uint8Array，但它明显降低了性能。我试着使用Stream，但从来没能让它工作。
// kinda concat
stream = new Uint8Array([
...stream,
浏览 56提问于2019-11-22得票数 0
我有以下结构。我有一个在数组中包含许多Person对象的Company对象。
companies: CompanyInterface = {
persons: PersonInterface[] = []
}
我试图在表格中显示属于该公司的人员。但是，当我向persons数组添加/删除persons时，它应该会自动更新。
现在我的reducer看起来像这样：
// Initial state
companies: CompanyInterface[];
// Reducer
case Constants.GLOBAL_COMPANY_ADD_PERSON:
[action.payl
浏览 1提问于2017-04-14得票数 0
我是JavaScript的新手。我需要编写简单的脚本，它应该将多个数组连接成一个。我找到了这个例子：
var arr1 = ['a', 'b', 'c'];
var arr2 = ['d', 'e', 'f'];
var arr3 = arr1.concat(arr2);
但我有两个以上的数组。是否可以在一个表达式中连接多个数组？
浏览 1提问于2017-11-14得票数 0
回答已采纳
我试图将一个由10万项组成的庞大数组扁平化，因为它是2d，所以我将其两次平放，并且我希望在第二个数组中获得所有对象：[ [ {} ] ]。
我尝试的是使用减缩和连接，如下所示：
Concat. firstFlat在一秒钟内被处理。secondFlat导致超过最大调用堆栈。
let firstArray = Array(100000).fill(Array(7).fill({}));
let firstFlat = [].concat.apply([], firstArray);
let secondFlat = [].concat.apply([], firstFlat);
还原。调用堆栈也被
浏览 3提问于2018-01-07得票数 5
回答已采纳
3回答
假设我有一个返回数组或值的函数：
const a = f(...);
// a === [ 1 ];
const b = f(...);
// b = 1;
将返回的值转换为数组的最优雅的方法是什么，以便a === b
我本希望像[ ...b ]这样的东西能起作用，但它会抛出。到目前为止，我讨论的解决方案是Array.isArray(b) ? b : [ b ]，但是我很好奇是否有一种更干净的方法，最好是一个函数/非分支表达式。
浏览 3提问于2020-09-10得票数 0
回答已采纳
1回答
大家好，我是新手，但我在本地存储中有一个数组，我将数组保存在旧空数组中，然后向ajax提交请愿书，尝试将新数据推送到旧数组中
$.getJSON(setUrl(pagination, page), function (response) {
var old = [];
old = JSON.parse(localStorage.getItem('msg'));
old.push(response.DATA);
console.log(old);
});
但是我得到的结果是这样的
浏览 3提问于2018-11-16得票数 0
我试图修改一个对象数组，并在for循环中使用一个映射。我的实现似乎总是返回地图中的最后一项。
代码：
let testArray = [
{
body: 'test sentence',
uid: "a"
},
{
body: 'Another test sentence',
uid: "b"
}
]
var allItems = []
for (var item of testArray) {
let splittedBod
浏览 1提问于2020-02-11得票数 0
回答已采纳
ipRecords: any;
this.auth.fileUpload(fd).subscribe((res: any)=>{
if(res.status==="Success"){
this.toastr.success("File Uploaded");
this.ipRecords.push(JSON.parse(JSON.stringify(res.data)));
});
在iprecords数组中，当我推入新数据时，它会被推入相同的索引10。我希望推入其中的项。this.i
浏览 1提问于2019-05-29得票数 1
因此，要在Javascript中将一个数组添加到另一个数组中，如下所示：
concat()
var x = ['a', 'b', 'c'];
var y = ['d', 'e', 'f'];
var z = x.concat(y);
// x = ['a', 'b', 'c'] (remains unchanged)
// y = ['d', 'e', 'f'] (remains unchanged)
浏览 2提问于2020-05-22得票数 2
回答已采纳
3回答
我正在尝试使用jquery将我的多个数组合并为一个数组。我知道我们可以使用jquery合并函数将两个数组合并为一个。我们可以遍历这些数组，并将它们连接到一个数组中。但我只是想知道是否有其他方法可以在不使用任何循环的情况下实现这一点。我正在处理大量的数据。所以我也可以期待任意数量的数组。我担心如果我们使用循环，它可能会影响性能。请给我一些建议。提前谢谢。
最亲切的问候Sibeesh Venu
浏览 11提问于2015-08-18得票数 5
回答已采纳
1回答
我有一个对象数组：
hm.push(member.personal);
console.log("New input: " + ko.toJSON(hm));
server.insertPersonalInformacion(ko.toJS(hm));
Console.log输出：
[{
"personalInfo": {},
"adresaInfo": {},
"Telefone": [{
numer1: ,
callNumb:
}],
"Mobil
浏览 0提问于2016-06-24得票数 0
1回答
我在将对象数组分配给基于接口的数组时遇到了这个问题。
目前，在我的接口item.ts上有这个实现。
export interface IItem {
id: number, text: string, members: any
}
在item.component.ts上
export class ItemComponent {
selectedItems: IItem[] = [];
items: IExamItems;
getSelected(): void {
this.selectedItems = this.items.examItems
浏览 7提问于2018-01-02得票数 2
回答已采纳
我用的是
出于某种原因，简单的陈述
_.concat([]) instanceof Array
是False，而
_.isArray([])
是True
在普通的房客里，这是一样的
console.log(_.concat([]) instanceof Array === _.isArray(_.concat([])))
<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.20/lodash.min.js"></script>
有人知道这个问题在气体里发生了什么吗？
浏览 1提问于2021-02-03得票数 2
回答已采纳
1回答
我有以下控制器，这是堆栈溢出上的另一个操作的结果。
var getData = function() {
var swindon = $http.get('(url)/swi/10?expand=true'),
paddington = $http.get('(url)/pad/10?expand=true'),
reading = $http.get('(url)/rdg/10?expand=true');
$q.all([swindon,paddington,re
浏览 2提问于2017-01-16得票数 1
回答已采纳
考虑一下Date()对象：
thisDate = new Date()
thatDate = new Date()
thisDate - thatDate //returns some date object
我是否可以制作一些对象，比如Clovers()，这样：
theseClovers = new Clovers();
theseClovers.count = 10;
thoseClovers = new Clovers();
thoseClovers.count = 4;
theseClovers - thoseClovers; //returns b = new Clovers();
浏览 3提问于2017-02-05得票数 1
回答已采纳
2回答
我需要帮助，我有问题要添加一个新的项目到我的对象useState，我想添加对象的项目数组一个新的项目，有人能帮助我吗？
我的useState：
const [kolom, setKolom] = useState({
["Main-Todo"]: {
columnName: "Todo",
items: [
{
id: v4(),
content: "Makan ayam di MCD ",
},
{
id:
浏览 20提问于2022-08-04得票数 0
回答已采纳
我使用的是javascript ES6和babel。但我知道应用最终是行不通的，我找到了解决方案
var log = Function.prototype.bind.call(console.log, console);
log.apply(console, ["this", "is", "a", "test"]);
在此链接
所以我把它从
const params = [
level,
].concat(...args)
至
var params = [ level,]
var concat = Functi
浏览 24提问于2016-07-17得票数 0
回答已采纳
Im从服务器获取数据：
ngOnInit() {
this.projectsService.getAllProjects().subscribe(data =>{
this.projectshowAll = data.project;
});
this.projectteamsService.getAllTeams().subscribe(data =>{
this.teamshowAll = data.projectteams;
});
以及使用angular-mgl-timeline包的im
<mgl-timeline [t
浏览 0提问于2018-10-31得票数 1
回答已采纳
_.concat lodash和Array.prototype.concat()有什么不同？
浏览 10提问于2020-06-04得票数 3
如何查看函数内的代码？它是怎么做到的呢？是否有人有代码的副本或在浏览器控制台中查看代码的方式？
console.dir不允许我访问过去
console.dir(Array.prototype.concat);
function concat() { [native code] }
arguments: null
caller: null
length: 1
name: "concat"
__proto__: function Empty() {}
<function scope>
我不能也不知道如何检查它，但是必须有一种方法来挖掘javascript函数
浏览 3提问于2014-10-10得票数 1
回答已采纳
这是我的命令处理程序代码：
const fs = require('fs');
module.exports = (client, Discord) =>{
const command_files = fs.readdirSync('./commands/').filter(file => file.endsWith('.js'));
for(const file of command_files){
const command = require(`../commands/${file}`);
浏览 1提问于2021-02-28得票数 0
回答已采纳
我在这个变量this.roomsData.room_photos中保存了这个数据
[ { "url": "https://api.example.com/uploads/609ee58907166.jpg" }, { "url": "https://api.example.com/uploads/609ee5898ba19.jpg" }, { "url": "https://api.example.com/uploads/609ee58994a10.jpg" }, { "url":
浏览 42提问于2021-05-15得票数 1
编辑:那么，下面那些帮助我的优秀人士指出了正确的方向，但我认为这实际上是nextjs和阿波罗返回数据的一个问题吗？对不起，我不太直接！
以下是实际数据的样子：
dataset1:
Object { features: {…}, regions: {…}, ownerships: {…}, campgrounds: {…} }
campgrounds: Object { __typename: "RootQueryToCampgroundConnection", pageInfo: {…}, edges: (100) […] }
features: Object {
浏览 4提问于2021-04-28得票数 0
回答已采纳
我想根据数组a的值重新呈现UI，如下所示：
const [a, setA] = useState([<sample_data>];
...
function update(newValue) {
// use push method to append the new element into a
a.push(newValue);
setA(a);
// use concat to create new array that includes a & new element
setA([].concat(a,[newValue]);
}
如
浏览 0提问于2019-12-09得票数 0
回答已采纳
1回答
我是一个新的反应，并试图创建一个简单的纸牌游戏。当单击卡时，它应该被选中并分配一个类名“selectedCard”。因此，当它重新渲染时，选定的卡将被抬起。但是，选择的卡没有提升onClick，我猜它没有重新渲染。 下面是我的代码片段： Player.js： const Player = (props) =>{
const [selectedCards, setSelectCard] = useState([]);
const selectCard = (card) => {
let newSelectedCards = selectedCard
浏览 11提问于2021-03-24得票数 1
回答已采纳
2回答
我想要映射如下的状态：
const initialState = {
outer: [
{
inner1: [
{ a: 'aaa' },
{ b: 'bbb'}
......
],
inner2: [
{ c: 'ccc' },
{ d: 'ccc'}
浏览 1提问于2020-07-30得票数 0
回答已采纳
10回答
我们都知道你能做到：
let arr1 = [1,2,3];
let arr2 = [3,4,5];
let arr3 = [...arr1, ...arr2]; // [1,2,3,3,4,5]
但是如何使这个动态连接N个数组呢？
浏览 12提问于2017-04-17得票数 64
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
