Vue 数组操作

最新推荐文章于 2024-06-26 22:05:04 发布

原创最新推荐文章于 2024-06-26 22:05:04 发布 · 1.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#经验分享 #面试

Java 专栏收录该内容

124 篇文章

订阅专栏

这篇博客介绍了在Vue中处理数组的注意事项，包括不能直接通过索引修改和改变数组长度的情况。提供了Vue.set作为解决方案，并讨论了数组与字符串之间的转换方法。博主分享了技术学习心得，强调明确学习路线的重要性，并推荐在牛客和力扣上刷题以准备面试。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

{{ n }}
[](()注意事项

由于 JavaScript 的限制， Vue 不能检测以下变动的数组：

当你利用索引直接设置一个项时，例如： vm.items[indexOfItem] = newValue

当你修改数组的长度时，例如： vm.items.length = newLength

为了解决第一类问题，以下两种方式都可以实现和 vm.items[indexOfItem] = newValue 相同的效果，同时也将触发状态更新：

// Vue.set

Vue.set(example1.items, 《一线大厂Java面试题解析+后端开发学习笔记+最新架构讲解视频+实战项目源码讲义》开源 indexOfItem, newValue)

例子:
{{ item.message }}
[](()数组转字符串,字符串转数组,对象转数组,数组转对象

========================================================================================

[](()数组转字符串
- Java开源项目【ali1024.coding.net/public/P7/Java/git】 --------------------------------------------------------------------
var arr = [1,2,3,4,‘李明’,‘jerry’];

arr.join()

//“1,2,3,4,李明,jerry”

arr.toString()

//“1,2,3,4,李明,jerry”

arr.join(“”)

//“1234李明jerry”

arr.join(“-”)

//“1-2-3-4-李明-jerry”

JSON.stringify(arr)

//“[1,2,3,4,“李明”,“jerry”]”

var x = JSON.stringify(arr)

JSON.parse(x)

//[1, 2, 3, 4, “李明”, “jerry”]

[](()字符串转数组

var x = “1-2-3-4-李明-jerry”

x.split(“”)

//[“1”, “-”, “2”, “-”, “3”, “-”, “4”, “-”, “李”, “明”, “-”, “j”, “e”, “r”, “r”, “y”]

x.split(“-”)

//[“1”, “2”, “3”, “4”, “李明”, “jerry”]

[](()对象转数组

var x = {“name”:“李明”,“age”:23}

[](()对象的键组成数组

Object.keys(x)

//[“name”, “age”]

[](()对象的值组成数组

Object.values(x)

// [“李明”, 23]

技术学习总结

学习技术一定要制定一个明确的学习路线，这样才能高效的学习，不必要做无效功，既浪费时间又得不到什么效率，大家不妨按照我这份路线来学习。

最后面试分享

大家不妨直接在牛客和力扣上多刷题，同时，我也拿了一些面试题跟大家分享，也是从一些大佬那里获得的，大家不妨多刷刷题，为金九银十冲一波！

7)]

[外链图片转存中…(img-2vMOGksr-1650521978698)]

[外链图片转存中…(img-Ui5tMsqV-1650521978698)]

最后面试分享

大家不妨直接在牛客和力扣上多刷题，同时，我也拿了一些面试题跟大家分享，也是从一些大佬那里获得的，大家不妨多刷刷题，为金九银十冲一波！

[外链图片转存中…(img-fMCgTCwT-1650521978699)]

[外链图片转存中…(img-FI4x3NG4-1650521978700)]