发新帖

[web前端] [Vue2] [vue3] 使用JavaScript的数组方法来拼接两个数组

零下一度 10月前 254

使用JavaScript的数组方法来拼接两个数组。以下是一个简单的示例

<template>
  <div>
    <button @click="concatArrays">拼接数组</button>
    <p>结果: {{ result }}</p>
  </div>
</template>
<script>
export default {
  data() {
    return {
      array1: [1, 2, 3],
      array2: [4, 5, 6],
      result: []
    };
  },
  methods: {
    concatArrays() {
      this.result = this.array1.concat(this.array2);
    }
  }
};
</script>


在这个示例中,我们创建了两个数组array1和array2,并在data对象中初始化了一个空数组result。我们还定义了一个名为concatArrays的方法,该方法使用concat方法将array1和array2拼接在一起,并将结果存储在result数组中。当用户点击按钮时,concatArrays方法将被调用,拼接后的数组将显示在页面上。


最新回复 (0)
返回
零下一度
主题数
931
帖子数
0
注册排名
1