web前端怎么保留两个小数据

要保留两个小数据，可以通过以下几种方法实现：

1. 使用Cookie：在Web前端中，可以使用Cookie来存储少量的数据。可以通过JavaScript中的document对象的cookie属性来对Cookie进行操作，例如设置Cookie、读取Cookie、删除Cookie等。要注意的是，Cookie的大小有限制，一般建议存储简单的小数据。

2. 使用Web Storage：Web Storage是HTML5中提供的一种本地存储数据的机制，包括localStorage和sessionStorage。localStorage是一种持久存储方式，数据不会过期；而sessionStorage是一种会话级别的存储方式，数据在会话结束后会被清除。可以使用setItem、getItem、removeItem等方法对数据进行存储、读取和删除操作。

3. 使用IndexedDB：IndexedDB是一种高级的浏览器本地存储数据库，可以用来存储大量的结构化数据。可以使用IndexedDB的API来创建、读取、更新和删除数据。

4. 使用Web Worker：Web Worker是在后台运行的JavaScript线程，可以用于执行一些耗时的操作，不会影响到主线程的性能。可以将数据存储在Web Worker中，并通过消息传递的方式与主线程进行通信，实现数据的保留。

5. 使用数据库：如果需要大量存储数据或者需要进行复杂的数据操作，可以将数据存储在后端的数据库中，并通过前端与后端进行交互来存取数据。常见的数据库包括MySQL、MongoDB等。

以上是几种常见的方法来保留两个小数据的方式，具体选择何种方法取决于需求的具体情况。

要保留两个小数的数据，可以使用 JavaScript 中的toFixed() 方法。

1. 使用 toFixed() 方法：通过调用 toFixed() 方法，可以将一个浮点数保留指定位数的小数并返回一个字符串。

let num = 3.14159;
let roundedNum = num.toFixed(2); // 保留两位小数
console.log(roundedNum); // 输出 "3.14"

注意：toFixed() 方法返回的是字符串类型的数据，如果需要进行数值计算，需要先将其转换为数值类型。

2. 使用 parseFloat() 方法：如果需要将保留两位小数的字符串转换为浮点数，可以使用 parseFloat() 方法。

let roundedNum = "3.14";
let num = parseFloat(roundedNum);
console.log(num); // 输出 3.14

3. 使用 toPrecision() 方法：toPrecision() 方法可以用来对一个数值进行指定位数的四舍五入。

let num = 3.14159;
let roundedNum = num.toPrecision(4); // 保留四位有效数字
console.log(roundedNum); // 输出 "3.142"

toPrecision() 方法同样返回的是字符串类型的数据，如果需要进行数值计算，也需要先将其转换为数值类型。

4. 使用 Math.round() 方法：Math.round() 方法可以对一个数值进行四舍五入，保留整数部分，然后再将其转换为指定位数的小数。

let num = 3.14159;
let roundedNum = Math.round(num * 100) / 100; // 保留两位小数
console.log(roundedNum); // 输出 3.14

通过先乘以 100，再四舍五入，最后再除以 100，可以实现保留两位小数的效果。

5. 使用字符串操作：如果只是需要显示保留两位小数的结果，而不需要进行数值计算，可以直接对数值类型的数据进行字符串操作。

let num = 3.14159;
let roundedNum = num.toString().match(/^\d+(?:\.\d{0,2})?/); // 保留两位小数
console.log(roundedNum); // 输出 ["3.14"]

这里使用 toString() 方法将数值转换为字符串后，再使用正则表达式提取出小数点后的两位数字。需要注意的是，这种方法返回的是一个数组类型的数据，需要进一步处理才能获取到想要的结果。

要在前端保留两个小数据，可以使用以下方法：

一、使用Cookie保存数据

1. 在前端使用JavaScript创建一个Cookie来存储数据。例如，我们要保存用户名和用户ID两个小数据。

// 设置Cookie
document.cookie = "username=John Doe";
document.cookie = "userID=12345";

2. 在需要的地方获取Cookie的值并使用。

// 获取Cookie
let cookies = document.cookie.split(';');
let username = "", userID = "";

cookies.forEach(cookie => {
  let [name, value] = cookie.split('=');
  name = name.trim();

  if (name === "username") {
    username = value;
  } else if (name === "userID") {
    userID = value;
  }
});

console.log(username); // 输出：John Doe
console.log(userID); // 输出：12345

二、使用浏览器本地存储(localStorage或sessionStorage)

1. 使用localStorage保存数据。

// 设置localStorage
localStorage.setItem("username", "John Doe");
localStorage.setItem("userID", "12345");

2. 在需要的地方获取localStorage的值并使用。

// 获取localStorage
let username = localStorage.getItem("username");
let userID = localStorage.getItem("userID");

console.log(username); // 输出：John Doe
console.log(userID); // 输出：12345

3. 使用sessionStorage保存数据的方法与localStorage类似，只是数据在会话结束后被清除。

三、使用全局变量保存数据

1. 在JavaScript文件的顶部或页面的script标签中定义全局变量。

// 定义全局变量
window.username = "John Doe";
window.userID = "12345";

2. 在需要的地方使用全局变量。

// 使用全局变量
console.log(window.username); // 输出：John Doe
console.log(window.userID); // 输出：12345

以上是三种常见的前端保存小数据的方法。根据数据的类型和需求，选择适合的方法来保留数据。若需要长时间持久保存数据，可以使用Cookie或localStorage；如果数据只需在会话期间使用，可以使用sessionStorage；如果数据量较小且只在当前页面使用，可以使用全局变量。