数组的常用操作
数组有增删改查四个操作
增! 在数组后增加元素
方法一:直接添加
<body>
<script>
//实现在数组后面追加字符串等
//方法一:直接添加
let arr1 = ["first","second"];
arr1[arr1.length]="third";
arr1[arr1.length]="fourth";
console.log(arr1);
console.log(arr1.length);
console.table(arr1);
</script>
</body>
方法二 用展开语法添加
<body>
<script>
//实现在数组后面追加字符串等
//方法二: 利用展开语法来实现增
let arr1 = ["first","second"];
let arr2 = ["cat","dog","pig"];
arr1 = [...arr1,...arr2];
console.log(arr1);
console.log(arr1.length);
console.table(arr1);
</script>
</body>
方法三 用push() 添加
<body>
<script>
//实现在数组后面追加字符串等
//方法三: 利用push()来完成增加元素
let arr1 = ["first","second"];
let arr2 = ["cat","dog","pig"];
let arr3 = ["bike","car"];
arr1.push("third");
arr1.push(...arr2);
arr1.push("fourth",...arr3);
console.log(arr1);
console.log(arr1.length);
console.table(arr1);
</script>
</body>
实例,实现任意范围内添加元素
<body>
<script>
//实现在数组后面追加字符串等
function reArray(begin,end){
const arr=[];
for(let i = begin;i<=end;i++){
arr.push(i);
}
return arr;
}
console.table(reArray(1,10));
</script>
</body>
数据出栈入栈的操作
<body>
<script>
//数组的多种增删操作
let arr1 = ["mary","coco","haru"];
let vars = arr1.shift();//弹出数组首元素,返回为弹出的元素
console.log(vars); // 打印弹出元素
console.log(arr1); // 打印弹出后的数组
let len1 = arr1.unshift("haha"); //在数组首加入一个元素,返回加入后的数组长度
console.log(len1);//打印长度
console.log(arr1);//打印增加后的数组
let arr2 = arr1.pop(); //弹出最后一个元素,与push相对,返回弹出的元素
console.log(arr2); //打印
console.log(arr1); //打印
</script>
</body>
用slice()和splic()方法实现数组的增删替换截取
slice()的用法
<body>
<script>
//用slice()和splice()方法完成数组的增删操作
//slice()方法
let arr = [9,8,7,6,5,4,3,2,1];
//把arr数组的第1位到第5位的元素复制到arr2中,不改变原数组
let arr2= arr.slice(1,5);
console.log(arr2);
console.log(arr);
</script>
</body>
splice()的用法
- 截取数组,从原数组中截取出一段,将这段从原数组中删除,复制到新数组中
<body>
<script>
//用slice()和splice()方法完成数组的增删操作
//splic()方法
let arr3 = [1,2,3,4,5,6,7,8,9];
let arr4 = arr3.splice(1,5);
console.log(arr4);
console.table(arr3);
</script>
</body>
- 截取数组,在截取位置增加其他元素
<body>
<script>
//用slice()和splice()方法完成数组的增删操作
//splic()方法
let arr3 = [1,2,3,4,5,6,7,8,9];
let arr4 = arr3.splice(1,5,"two", "three", "four", "five","six");
console.log(arr4);
console.table(arr3);
</script>
</body>
3. 用splic()实现在某个位置增加其他元素
<body>
<script>
//用slice()和splice()方法完成数组的增删操作
//splic()方法
let arr3 = [1,2,3,4,5,6,7,8,9];
let arr4 = arr3.splice(1,0,"two", "three");
console.log(arr4);
console.table(arr3);
</script>
</body>
实现一个数组元素移动的函数
<body>
<script>
//设计一个移动数组元素的函数,要求不改变原数组
function arrMove(arr,from,to){
if (from < 0 || to>= arr.length){
console.error("参数错误");
return;
}
const Arrnew = [...arr];
let temp = Arrnew.splice(from,1);
Arrnew.splice(to,0,...temp);
return Arrnew;
}
let arr=[9,8,7,6,5,4,3,2,1];
console.table(arrMove(arr,2,5));
</script>
</body>
情况数组的几种方法
<body>
<script>
//设计一个移动数组元素的函数,要求不改变原数组
let arr=[9,8,7,6,5,4,3,2,1];
//方法一
arr = [];
console.log(arr);
let arr1=[9,8,7,6,5,4,3,2,1];
//方法一
arr1.length = 0;
console.log(arr1);
</script>
</body>
输出结果: