如何在 ObservableArray 中将 '/' 替换为 '-' ？淘汰赛js

Question

好吧，我试图通过 ajax 调用将一个可观察数组传递给我的控制器，但我得到了除 date 之外的所有值。我得到类似'01-01-01'等的东西。

我发现了问题但无法解决，因为我不知道如何将 / 替换为 - 。

我的 ObservableArray 有大约 10 个列表项，每个列表项包含许多属性，其中 startDate 包含日期，如 ("23/10/2014") 。我只需要("23-10-2014") 之类的东西。

想张贴我的功能和更多我希望在这种情况下不需要我相信。

让我用一些代码和示例数据来解释一下：

function myarray()
{
var self=this;
self.startDate=ko.observable("");
self.name=ko.observable("");
self.place=ko.observable("");
}

MyObservableArray：

self.Main= ko.observableArray();

在这期间我做了一些事情来将数据加载到self.Main 中，并且我将 self.Main 发送到具有如下数据的控制器：

self.Main[0] holds : 

startDate() -->gives you  "23/10/2014" //individual observables inside onservable array
name() --> "jhon"
place()--> "croatia"

可能

self.Main[9] holds :
startDate() --> "29/05/2012" 
    name() --> "pop"
    place()--> "usa"

我想改变 self.Main() 并替换 startDate 并使用相同的 self.Main 发送到我的控制器。在self.Main 替换后，当我检查日期时，/ 应替换为-。

可能的解决方案：我可以使用不同的可观察数组并将Main 的所有VM 推入其中，但我试图在self.Main 上做而不使用其他。

如果有人可以显示一些光，非常感谢。

Answer 1

我知道您在替换中转义 / 时遇到问题。

试试这个

"(23/10/2014)".replace(/\//g,"-") //returns "(23-10-2014)"

我用简单的 JS 为你尝试了一些东西

var arr = [{date:"(23/10/2014)"},{date:"(23/10/2014)"},{date:"(23/10/2014)"},{date:"(23/10/2014)"}];

arr.forEach(function(obj){obj.date = obj.date.replace(/\//g,"-")});

console.log(arr) //will print date field as "(23-10-2014)" for all objects.

Answer 2

一种解决方案是添加一个computed 值，该值返回具有正确值的数组。

self.Main = ko.observableArray([...values here...]);

self.MainComputed = ko.computed(function() { 
  var computedArray = [];

  self.Main().forEach(function(item) {
    var newItem = myarray(); //Create a new item.
    newItem.name(item.name());
    newItem.place(item.place());
    newItem.startDate(item.startDate().replace(/\//g,"-"));
    computedArray.push(newItem);
  });

  return computedArray;
});

然后在需要-的地方使用计算值。

---

考虑到您想使用self.Main时，我可以想到另外两种方法来解决您的问题：

1. 在您的项目上设置startDate 之前，将/ 替换为-。
2. 将startDate 更改为计算值，同时将原始值存储在另一个变量中。

第一个解决方案应该非常简单（前提是它是一个有效的解决方案）。

第二种解决方案如下所示：

function myarray()
{
  var self=this;
  self.originalStartDate = ko.observable("");
  self.name = ko.observable("");
  self.place = ko.observable("");

  self.startDate = ko.computed(function() {
    if(self.originalStartDate()) {
      //We can only replace if the value is set.
      return self.originalStartDate().replace(/\//g,"-");
    }
    else {
      //If replace was not possible, we return the value as is.
      return self.originalStartDate();
    }
  });
}

现在，当您设置值时，您可以执行以下操作：

var item = myarray();
item.originalStartDate = "01/01/2014";

那么当你得到startDate 的值时，你会得到"01-01-2014"。

Answer 3

我没有使用过 Knockout.js，但您可以使用 Javascript 替换来做到这一点：

var str = [your array value] ;
var res = str.replace("/", "-");

更多信息： https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace