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) ['小明', '张三', '大白', '王五', '田七', '小明', '张三', '大白', '王五', '田七']
// 替换分隔符:
// 小明|张三|大白|王五|田七
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值