数组连接

1.一个数组里的元素连接起来

作为新手,我只会最简单的,慢慢积累吧。

方法一:定义新数组,循环读出。

 1 <!doctype html>
 2 <html>
 3     <head>
 4         <meta http-equiv="Content-Type" content="text/html charset=utf-8" />
 5         <meta http-equiv="X-UA-Compatible" content="IE=edge chrome=1" />
 6         <meta name="keyword" content="数组连接" />
 7         <meta name="description" content="数组连接数组连接数组连接数组连接" />
 8         <title>数组连接</title>
 9     </head>
10     <body>
11         <script type="text/javascript">
12             var arr=[1,3,5,4,7];
13             var str='';
14             for(var i=0;i<arr.length;i++){
15                 str+=arr[i];
16             }
17             console.log(str);//结果:13547
18         </script>
19     </body>
20 </html>

方法二:join(这个还有点技术含量)

 1 <!doctype html>
 2 <html>
 3     <head>
 4         <meta http-equiv="Content-Type" content="text/html charset=utf-8" />
 5         <meta http-equiv="X-UA-Compatible" content="IE=edge chrome=1" />
 6         <meta name="keyword" content="数组连接" />
 7         <meta name="description" content="数组连接数组连接数组连接数组连接" />
 8         <title>数组连接</title>
 9     </head>
10     <body>
11         <script type="text/javascript">
12             var arr=[1,3,5,4,7];
13             arr=arr.join('');
14             console.log(arr);//结果:13547
15         </script>
16     </body>
17 </html>

2.多个数组连接到一起 concat

 1 <!doctype html>
 2 <html>
 3     <head>
 4         <meta http-equiv="Content-Type" content="text/html charset=utf-8" />
 5         <meta http-equiv="X-UA-Compatible" content="IE=edge chrome=1" />
 6         <meta name="keyword" content="数组连接" />
 7         <meta name="description" content="数组连接数组连接数组连接数组连接" />
 8         <title>数组连接</title>
 9     </head>
10     <body>
11         <script type="text/javascript">
12             var arr1=[5,2,1],
13                     arr2=['s','i','l','e','n','c','e'];
14                     arr=['h','i'];
15                     arr=arr.concat(arr1,arr2);
16             console.log(arr);//结果:['h','i',5,2,1,'s','i','l','e','n','c','e']
17         </script>
18     </body>
19 </html>

水滴石穿中。。。

原文地址:https://www.cnblogs.com/MissBean/p/4113154.html