Array.prototype.myjoin

Posted 2022-04-02 web半晨

目录

• 1、概念
• 2、MDN链接地址
• 3、示例代码

---

1、概念

join()方法将一个数组（或一个类数组对象）的所有元素连接成一个字符串并返回这个字符串。如果数组只有一个项目，那么将返回该项目而不使用分隔符。

---

2、MDN链接地址

MDN - join

---

3、示例代码

let arrayData = [1, null, [2], 'string', [],  sname: 3 , null, ];

Array.prototype.myjoin = function(separator) 
	// 如果 separator 是字符串类型，
	// 赋值为 separator ；
	// 否则，赋值为 , 。
	separator = typeof separator === 'string' ? separator : ',';

	// 获取 this 的长度。
	let len = this.length;

	// 初始化一个字符串
	let str = '';

	// 如果 len 等于 0 ，
	// 返回空字符串
	if (!len) return str;

	// 初始化 while 循环条件
	let i = 1;

	// 如果 this 的长度等于 1 ，
	// 直接返回且不加 , 。
	str = this[0] ? this[0].toString() : '';

	while (i < len) 
		str += separator + (this[i] ? this[i].toString() : '');

		i++;
	;

	return str;
;

console.log(arrayData.myjoin());
// 1,,2,string,,[object Object],,[object Object]

console.log(arrayData.myjoin(','));
// 1,,2,string,,[object Object],,[object Object]

console.log(arrayData.myjoin('_'));
// 1__2_string__[object Object]__[object Object]

console.log(arrayData.myjoin(':'));
// 1::2:string::[object Object]::[object Object]