Knockout JS中如何为可观察数组内的可观察项设置值？

嘿，我来帮你搞定这个问题！你已经成功创建了一个包含带otp可观察属性的对象的可观察数组，要给每个可观察项设置值其实很直观，下面是几种常用的方法：

1. 遍历数组逐个设置值 #

如果你有一个完整的OTP字符串（比如用户输入的验证码），可以通过遍历数组，给每个位置的otp可观察项对应赋值：

// 示例：假设我们有一个OTP字符串"1234"
const otpString = "1234";

// 先通过self.textboxArray()获取可观察数组的原始数组，再遍历
self.textboxArray().forEach((item, index) => {
  // 调用可观察函数并传入参数，完成赋值
  item.otp(otpString[index]);
});

这里要注意：self.textboxArray()是获取可观察数组内部的普通数组，只有拿到这个普通数组后，才能使用forEach、索引访问等常规数组操作。

2. 通过索引直接定位设置 #

如果你只需要修改特定位置的可观察项，可以直接通过索引访问目标对象，再设置otp的值：

// 设置第1个输入框的OTP值（索引从0开始）
self.textboxArray()[0].otp("5");

// 设置第3个输入框的OTP值
self.textboxArray()[2].otp("7");

3. 结合循环批量赋值 #

和你创建数组的逻辑类似，也可以用for循环来批量设置值：

const otpString = "9876";
const arrayLength = self.textboxArray().length;

for (let i = 0; i < arrayLength; i++) {
  // 用|| ""处理OTP长度不足的情况，避免显示undefined
  self.textboxArray()[i].otp(otpString[i] || "");
}

另外补充个小知识点：如果之后需要获取某个可观察项的当前值，只需要调用item.otp()（不带参数）就能拿到啦！

内容的提问来源于stack exchange，提问作者sanil