如何在javascript中獲取動態子字符串？

Question

我有一個滾動動畫，想獲得到給定時間的過渡值。

const transform = document.getElementsByClassName('slideContainer')[0].style.transform;

例如，我得到以下值： translate(-2.51028%, 0%) translate3d(0px, 0px, 0px)

但我只想要-2.51028%

我怎么做？

Answer 1

您可以使用String.prototype.split() ：

 let str = "translate(-2.51028%, 0%) translate3d(0px, 0px, 0px)" console.log(str.split("(")[1].split(",")[0]); 

Answer 2

聽起來您可能想使用正則表達式-它們是匹配字符串模式的好工具。 您可以匹配字符串的開頭，然后匹配translate( ，然后在組中捕獲盡可能多的非逗號字符。該組將包含您想要的子字符串：

 const transform = 'translate(-2.51028%, 0%) translate3d(0px, 0px, 0px)'; const match = transform.match(/translate\\(([^,]+)/); // match[0] refers to the entire matched substring, // match[1] will contain the first captured group: console.log(match[1]);