javascript 数组常用操作push，reverse，sort，splice
原创javascript 数组常用操作push，reverse，sort，splice
原创
侠客冷展堂
发布于 2022-01-13 11:40:04
发布于 2022-01-13 11:40:04
一、常用的数组操作
- 1.数据添加push()
- 2.数组移除最后一个数据项pop()
- 3.数组顺序倒置，颠倒reverse()
- 4.数组排序sort(),数字排在字线前
- 5.数组截取splice(数组开始位置,截取数据项个数),原数组则去掉截取的这部分数组
<!DOCTYPE html>
<head>
<title>test</title>
<script
type="text/javascript"
src="../../node_modules/vue/dist/vue.js"
></script>
</head>
<body>
<div id="app">
<ul>
<button @click="getPush">测试</button>
<li v-for="item1 in objects">
<a>item是{{item1}</a>
<a>item是{{item1}}</a>
</li>
<li v-for="item2 in dataList">
<a>item是{{item2.name}}</a>
<a>item是{{item2.code}}</a>
</li>
</ul>
</div>
<script type="text/javascript">
const app = new Vue({
el: "#app",
data: {
objects: ["A", "B", "C", "D"],
dataList: [
{ code: "001", name: "test01" },
{ code: "002", name: "test02" },
],
},
computed: {},
methods: {
getPush: function () {
//1.数组添加push()
let objectItem = "1";
this.objects.push(objectItem);
console.log(this.objects);
let item = { code: "1", name: "test03" };
this.dataList.push(item);
console.log(this.dataList);
//2.数组移除最后一个数据项pop()
this.objects.pop();
this.dataList.pop();
//3.数组顺序颠倒 reverse()
this.objects.reverse();
this.dataList.reverse();
//4.数组数据项排序sort(),数值排在字母前
this.objects.sort();
this.dataList.sort();
//5.数组截取splice(数组开始位置,截取数据项个数),原有的数组移去截取的部分
let s_letter = this.objects.splice(1, 1);
console.log(s_letter);
console.log(this.objects);
//s_letter="B" objects则变为['A', 'C', 'D']
let obj = this.dataList.splice(1, 1);
//obj={code: "001",name: "test01"} dataList则变为{code: "002",name: "test02"}
console.log(obj);
console.log(this.dataList);
},
},
});
</script>
<style></style>
</body>原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读
目录