js中Array()数组对象

Array() 数组对象

toString() 转化为字符串

• toString() 转换数组到字符串

var num1 = ['1','2','3','4','5'];
var num2 = num1.toString();
console.log(num2);  // num2 = 1,2,3,4,5

sort() 数组排序

• sort() 对数组中的内容进行排序

var num1 = ['3','2','1','4'];
console.log(num1);		// 输出  3 2 1 4
var num2 = num1.sort();
console.log(num2);		// 输出  1 2 3 4

slice() 截取数组中的元素

• slice() 在数组中选择元素

var num1 = ['1','2','3','4','5'];
var num2 = num1.slice(1,3);
console.log(num2);		// num2 = 2  3

reverse() 反转数组

• reverse() 将一个数组中的元素的顺序反转排序

var num1 = ['1','2','3','4'];
var num2 = num1.reverse();
console.log(num2);		// num2 = 4,3,2,1

删除/增加数组的元素

• pop() 删除数组的最后一个元素

var num1 = ['1','2','3','4','5'];
var num2 = num1.pop();
console.log(num1);   // num2 = 1,2,3,4

• shift() 删除数组的第一个元素

var num1 = ['1','2','3','4','5'];
var num2 = num1.shift();
console.log(num1);   // num2 = 2,3,4，5

• push() 数组的最后添加一个元素

var num1 = ['1','2','3','4','5'];
var num2 = num1.push('6')；
console.log(num1);		// num1 = 1,2,3,4,5,6

• unshift() 在数组的最前端插入数据

var num1 = ['1','2','3'];
var num2 = num1.unshift('4','5','6');
console.log(num1);	// '4', '5', '6', '1', '2', '3'

splice() 删除/插入/替换数组中的元素

1. 删除-用于删除元素，两个参数，第一个参数（要删除第一项的位置），第二个参数（要删除的项数）
2. 插入-向数组指定位置插入任意项元素。三个参数，第一个参数（起始位置），第二个参数（0），第三个参数（插入的项数）
3. 替换-向数组指定位置插入任意项元素，同时删除任意数量的项，三个参数。第一个参数（起始位置），第二个参数（删除的项数），第三个参数（插入任意数量的项）

var list = [];
list.push(1);
list.push(2);
list.push(3);
console.log(list); // [1, 2, 3]

// 删除
list.splice(0,1);  // 删除  -> 从下标为0开始,项数为1
console.log(list); // [2,3]
list.splice(0,2);  // 删除  -> 从下标为0开始,项数为2
console.log(list); // []

//替换
list.splice(0,1,4); // 替换 -> 从下标为0开始,项数为1的数组元素替换成4
console.log(list);  // [4,2,3]
list.splice(0,2,4); // 替换 -> 从下标为0开始,项数为2的数组元素替换成4(即4,2整体替换成4)
console.log(list);  // [4,3]

//添加
list.splice(1,0,5); // 表示在下标为1处添加一项5
console.log(list);    // [1,5,2,3]    

concat() 将多个数组进行合并

• concat()将多个数组进行合并

var A = ["aa", "aaa"];
var B = ["bb", "bbb"];
var C = ["cc", "ccc"];
var abc = A.concat(B, C);
document.write(abc);		// aa,aaa,bb,bbb,cc,ccc

join() split() 替换分隔符/将字符串以某个字符分开

• join()方法可以用符不同的分隔符来构建这个字串。join方法值接受一个参数，即用作分隔符的字符串，然后返回所有数组项的字符串。
• split()方法用于把一个字符串分割成字符串数组。

var arr = ["red","yellow","blue"];
var array = [];
array = arr.join(" | ");
console.log(array);    
// 输出结果为： red | yellow | blue。
var str="How are you doing today?";
var n=str.split(" ");
console.log(n)  // How,are,you,doing,today?

综合使用

<script>
	var arr = ['小明','张三','大白','王五','田七'];
	console.log("数组转字符串：")
	var str = arr.toString();
	console.log(str)
	
	console.log("数组以某一个字符转为字符串：")
	var arr2 = str.split(",");
	console.log(arr2);
	
	console.log("开始位置添加：")
	arr2.unshift("开始");
	console.log(arr2);
	
	console.log("最后位置添加：")
	arr2.push("结束");
	console.log(arr2);
	
	console.log("开始删除：")
	arr2.shift();
	console.log(arr2);
	
	console.log("结束删除：")
	arr2.pop();
	console.log(arr2);
	
	console.log("合并数组：")
	console.log(arr.concat(arr2));
	
	console.log("替换分隔符并输入为字符串：")
	console.log(arr2.join("|"))
</script>

// 数组转字符串：
// 小明,张三,大白,王五,田七
// 数组以某一个字符转为字符串：
// (5) ['小明', '张三', '大白', '王五', '田七']
// 开始位置添加：
// (6) ['开始', '小明', '张三', '大白', '王五', '田七']
// 最后位置添加：
// (7) ['开始', '小明', '张三', '大白', '王五', '田七', '结束']
// 开始删除：
// (6) ['小明', '张三', '大白', '王五', '田七', '结束']
// 结束删除：
// (5) ['小明', '张三', '大白', '王五', '田七']
// 合并数组：
// (10) ['小明', '张三', '大白', '王五', '田七', '小明', '张三', '大白', '王五', '田七']
// 替换分隔符：
// 小明|张三|大白|王五|田七