js数组之间如何进行连接

梦辰吖_3591

梦辰吖_3591

2021-08-11

6599人浏览

原创

上一篇文章中我们了解了数组中元素转成字符串的方法,请看《js数组运用之如何使用tostring方法转变成字符串》。这次我们来了解一下数组之间进行连接的方法,有需要的可以参考参考。

之前我们说过很多js中关于数组对象的方法了,但是我们一直没说过数组之间应该如何连接,今天我们就来说说。

首先我们来看一个小栗子。

<script>
var arr = new Array(3); 
arr[0] = "one";
arr[1] = "two";
arr[2] = "three";
console.log(arr);
var nums = new Array(3);
nums[0] = "one";
nums[1] = "two";
nums[2] = "three";
console.log(nums);
var perpos=arr.concat(nums);
console.log(perpos);
console.log(arr);
console.log(nums);
</script>

这个小栗子的结果是

0OTNAQXE6YX2PINZ4[T1418.png

好好看一下这个例子,这个结果是“Array(3)”-“Array(3)”-“Array(6)”-“Array(3)”-“Array(3)”,可以看出来。我们先将各个数组输出了,然后将连接后的数组给输出了,后在分别输出各个数组。观察一下,这个结果有没有什么奇怪或是其他的地方?

我们发现这个方法只是将两个数组连接起来了,这两个数组没有发生变化,只是多创建了一个新的长度,新的内容的数组。

javascript-pro
javascript-pro

专注现代 ECMAScript、异步编程、性能优化和全栈的 JavaScript 专家,适用于现代开发

下载

了解了这个方法之后,我们仔细看一下这个方法吧。

concat方法创建一个新数组,该数组由被调用对象中的元素组成。每个参数的顺序是参数的元素(如果参数是数组)或参数本身(如果参数不是数组)。它不会递归到嵌套数组参数中。concat方法不会更改此数组或作为参数提供的任何数组,而是返回一个浅层副本,其中包含与原始数组组合的同一元素的副本。

再来看看这个方法的语法结构吧。

var 新数组名称=第一个数组名称.concat(需要合并的数组)

如果省略了参数,则 concat 会返回调用此方法的现存数组的一个浅拷贝。

就说到这里了,有需要的可以看:javascript高级教程

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

javascript

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.03

1838

5

js截取字符串的方法
js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容,供大家免费下载体验。

2023.09.04

2904

5

java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

2023.10.24

6224

49

字符串介绍
字符串介绍

字符串是一种数据类型,它可以是任何文本,包括字母、数字、符号等。字符串可以由不同的字符组成,例如空格、标点符号、数字等。在编程中,字符串通常用引号括起来,如单引号、双引号或反引号。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

2023.11.24

6069

6

java读取文件转成字符串的方法
java读取文件转成字符串的方法

Java8引入了新的文件I/O API,使用java.nio.file.Files类读取文件内容更加方便。对于较旧版本的Java,可以使用java.io.FileReader和java.io.BufferedReader来读取文件。在这些方法中,你需要将文件路径替换为你的实际文件路径,并且可能需要处理可能的IOException异常。想了解更多java的相关内容,可以阅读本专题下面的文章。

2024.03.22

7674

16

php中定义字符串的方式
php中定义字符串的方式

php中定义字符串的方式:单引号;双引号;heredoc语法等等。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

2024.04.29

11534

11

go语言字符串相关教程
go语言字符串相关教程

本专题整合了go语言字符串相关教程,阅读专题下面的文章了解更多详细内容。

2025.07.29

5939

17

c++字符串相关教程
c++字符串相关教程

本专题整合了c++字符串相关教程,阅读专题下面的文章了解更多详细内容。

2025.08.07

6567

13

常用字符串方法大全
常用字符串方法大全

常用字符串方法大全

2025.08.08

3268

14

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12.4万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.8万人学习