在 Vue3 开发中,常用的原生 JavaScript 工具方法主要集中在数据处理、类型判断、对象操作等方面。以下是一些高频使用的原生工具方法及其典型应用场景:
一、数组处理
-
Array.prototype.map()
转换数组元素,常用于渲染列表数据:const list = reactive([1, 2, 3]); const doubled = computed(() => list.map(item => item * 2));
-
Array.prototype.filter()
过滤数组元素,结合计算属性使用:const activeUsers = computed(() => users.filter(user => user.isActive));
-
Array.prototype.find()
/Array.prototype.findIndex()
查找数组元素:const target = list.find(item => item.id === searchId);
-
Array.prototype.reduce()
聚合计算(如求和、统计):const total = cartItems.reduce