join()方法之我见

时间:2020-12-15 16:14:55

JavaScript join() 方法

定义和用法

join() 方法用于把数组中的所有元素放入一个字符串。

元素是通过指定的分隔符进行分隔的。

语法

arrayObject.join(separator)
参数 描述
separator 可选。指定要使用的分隔符。如果省略该参数,则使用逗号作为分隔符。

返回值

返回一个字符串。该字符串是通过把 arrayObject 的每个元素转换为字符串,然后把这些字符串连接起来,在两个元素之间插入 separator 字符串而生成的。

以上内容摘自w3shool。

一日在群中看见一小哥发出了个如下问题:join()方法之我见

问为什么是255,而不是256;鄙人一看测试了下,确实挺有意思。于是乎就开始想。。。

为什么?为什么!?为什么!!?

重要的事情说三遍于是就上代码开始调试猜想。

1.不带join()看看

var arr=new Array(256);

console.log(arr.length);//256

嗯,开辟了256个空间。

2.带join()看看

(1)var arr=new Array(256).join();//join(),空白时,括号里的参数默认以逗号分隔

console.log(arr.length);//255,是不是很奇怪为什么变成255????

(2)var arr new Array(256)。join(,“”);

console.log(arr.length);//只是为了说明(1)、(2)两种方法一致

3.带join()里面传参看看(重头戏来了)

(1)var arr =new Array(256).join('');

console.log(arr.length);//居然是0,为啥?

因为字符串是空的,又没有符号进行连接,所以返回的字符串就是空的咯。

(2)var arr=new Array(256).join(" ");//注意注意此处不是空的,而是一个空格啊

console.log(arr.length);//255,很神奇啊,255又出现拉,为神马?

(3)var arr = new Array(256).join("&");

console.log(arr.length);//打印出来了255个&字符串

看到这里聪明的小伙伴是不是明白了呢?

其实我们最后打印出来的为什么是255个字符串呢?因为空和空格是两种概念,我们最后其实是返回了255个空格字符串,回头看作者的话join()方法之我见

空是什么都没有,空格是虽然我们看不到,但在计算机里是存在的,当我们给空的数组里的插上空格进行连接时,返回的字符串就不空了,只不过我们肉眼看不到。

说道这里还是有小伙伴可能会疑惑,可是为什么少一个呢。。。。你是不是傻,最后一个元素后面还需要插嘛?

END