JavaScript--Array对象

雨点打透心脏的1/2处 2022-02-03 04:35 192阅读 0赞

JavaScript–Array对象  
开发工具与关键技术： Visual Studio 2015 – JavaScript  
作者：廖亚星  
撰写时间：2019年 4月 28日

Array 对象用于在单个的变量中存储多个值。  
创建Array对象的语法：  
new Array();  
new Array(size);  
new Array(element,element1,……,elementn);  
参数:  
参数 size 是期望的数组元素个数。返回的数组，length 字段将被设为 size 的值。  
参数 element …, elementn 是参数列表。当使用这些参数来调用构造函数 Array() 时，新创建的数组的元素就会被初始化为这些值。它的 length 字段也会被设置为参数的个数。  
返回值:  
返回新创建并被初始化了的数组。  
如果调用构造函数 Array() 时没有使用参数，那么返回的数组为空，length 字段为 0。  
当调用构造函数时只传递给它一个数字参数，该构造函数将返回具有指定个数、元素为 undefined 的数组。当其他参数调用 Array() 时，该构造函数将用参数指定的值初始化数组。  
当把构造函数作为函数调用，不使用 new 运算符时，它的行为与使用 new 运算符调用它时的行为完全一样。  
现在我们创建3个数组用于测试：  
var arr1 = \[1, 2, 3, 4, 5, 6, 7, 8, 9\];  
var arr2 = \[11, 12, 13, 14, 15, 16, 17, 18, 19,13\];  
var arr3 = \[21, 22, 23, 24, 25, 26, 27, 28, 29\];  
长度—length  
document.write(arr1.length);  
浏览器返回值:  
![在这里插入图片描述][20190508194227388.png]  
数值—toString()  
document.write(arr1.toString());  
浏览器返回值:  
![在这里插入图片描述][20190508194244173.PNG]  
连接多个数组—concat()  
document.write(arr1.concat(arr2, arr3));  
浏览器返回值：  
![在这里插入图片描述][20190508194259648.PNG]  
copyWithin(复制到什么位置，从上面位置开始复制，在什么位置前结束复制)  
document.write(arr1.copyWithin(0, 6, 9));  
浏览器返回值：  
![在这里插入图片描述][20190508194311509.PNG]  
unshift()–向数组的开头添加一个或更多元素,并返回长度  
var varLength = arr1.unshift(0);  
document.write("  
"+“arr1.unshift(0)后数组长度为 " + varLength + " ；数组为：” + arr1.toString() + “  
”);  
varLength = arr1.unshift(-3, -2, -1);  
document.write(“rr.unshift(-3,-2,-1)后数组长度为 " + varLength + " ；数组为：” + arr1.toString() + “  
”);  
浏览器返回值：  
![在这里插入图片描述][20190508194323173.PNG]  
shift()–删除并返回数组的第一个元素  
var varRemove = arr1.shift();  
document.write(“arr.shift()被删除的元素为 " + varRemove + " ；数组为：” + arr1.toString() + “  
”);  
浏览器返回值：  
![在这里插入图片描述][20190508194349465.PNG]  
push()向数组的末尾添加一个或更多元素  
varLength = arr1.push(9);  
document.write(“arr.push(9)后数组长度为 " + varLength + " ；数组为：” + arr1.toString() + “  
”);  
varLength = arr1.push(10, 11, 12);  
document.write(“arr.push(10,11,12)后数组长度为 " + varLength + " ；数组为：” + arr1.toString() + “  
”);  
浏览器返回值：  
![在这里插入图片描述][20190508194409765.PNG]

pop()–删除最后一个元素  
varRemove = arr1.pop();  
document.write(“arr.pop()被删除的元素为 " + varRemove + " ；数组为：” + arr1.toString() + “  
”);  
浏览器返回值：  
![在这里插入图片描述][201905081944255.PNG]  
添加—指定位置，删除0个，插入新元素  
arr1.splice(5, 0, 2.5);  
document.write(“在位置5，删除0个元素，插入2.5后数组为：” + arr1.toString() + “  
”);  
修改某个元素—指定位置，删除1个，添加一个  
arr1.splice(5, 1, 2.6);  
document.write(“在位置5，删除1个元素，插入2.6后数组为：” + arr1.toString() + “  
”);  
删除n个元素----指定位置，删除n个，无添加  
arr1.splice(5, 1);  
document.write(“在位置5，删除1个元素，无添加后数组为：” + arr1.toString() + “  
”);  
浏览器返回值：  
![在这里插入图片描述][20190508194434933.PNG]

[20190508194227388.png]: /images/20220203/6edd5535a987434f815870f2122c8300.png
[20190508194244173.PNG]: /images/20220203/81108b3babca4ad7b7c794af0aeeaa5e.png
[20190508194259648.PNG]: /images/20220203/41ddffc33d4648ffb892fff0f65db79a.png
[20190508194311509.PNG]: /images/20220203/56590beb4ccd4f9d9d90d6e614c2b191.png
[20190508194323173.PNG]: /images/20220203/6fcc346097f342aca22afa214aa5b79c.png
[20190508194349465.PNG]: /images/20220203/d430efd3cbfd42cbb1e5fc04050ba7b2.png
[20190508194409765.PNG]: /images/20220203/a230dab366654fd388d8533a9c493674.png
[201905081944255.PNG]: /images/20220203/7cf2c68c2a7b4112a4a2a7416a888931.png
[20190508194434933.PNG]: /images/20220203/062497c4f4f8489699e4f5c2cab43ab3.png