举报投诉联系我们 手机版 热门标签 名动网
您的位置:名动网 > js 转换为数字 JSF 转换数字示例

js 转换为数字 JSF 转换数字示例

2023-03-11 20:20 Java教程

js 转换为数字 JSF 转换数字示例

js 转换为数字

JavaScript 中有几种方法可以将字符串转换为数字。其中最常用的是 parseInt() 和 parseFloat() 方法,它们都是 JavaScript 中内置的函数,可以将字符串转换为整数或浮点数。

parseInt() 方法可以将字符串转换为整数,它接受一个参数,即要转换的字符串。如果该字符串不能被解析成一个有效的整数,则返回 NaN。例如:

var num1 = parseInt("123"); // 123 
var num2 = parseInt("Hello"); // NaN

parseFloat() 方法也是用来将字符串转换成浮点型的,它也接受一个参数,即要转换的字符串。如果该字符串不能被解析成一个有效的浮点型,则返回 NaN。例如:

var num1 = parseFloat("123.45"); // 123.45 
var num2 = parseFloat("Hello"); // NaN

除了使用上述内置函数之外,JavaScript 还有一些其他方法来将字符串转换成数值。例如 Number() 函数、+ 操作等都可以实现此功能。Number() 函数会尝试将传入的值强制解释成一个 JavaScript 数值。例如:

var num1 = Number("123"); // 123 
var num2 = Number("Hello"); // NaN

+ 操作也可以用来将字符串强制解释成 JavaScript 数值。但是需要注意的是 + 操作不能处理小数部分,所以在处理小数时应该使用 parseFloat() 函数而不是 + 操作。例如:

var num1 = +"123"; // 123 
var num2 = +"123.45"; // 123 

此外还有一些其他方法也可以实现此功能,例如 eval() 函数、Math.floor() 函数、Math.ceil() 函

JSF 转换数字示例

JSF教程 - JSF转换数字示例


f:convertNumber标记用于将字符串值转换为所需格式的数字。

以下代码显示如何使用f:convertNumber标记

<f:convertNumber minFractionDigits="2" />

标签属性

属性描述
type数字(默认值),货币或百分比
pattern格式化模式,如java.text.DecimalFormat中所定义
maxFractionDigits小数部分中的最大位数
minFractionDigits小数部分中的最小位数
maxIntegerDigits整数部分中的最大位数
minIntegerDigits整数部分中的最小位数
integerOnly如果只解析整数部分,则为true(默认值:false)
groupingUsed如果使用分组分隔符,则为true(默认值:true)
locale其首选项用于解析和格式化的区域设置
currencyCode转换货币值时使用的ISO 4217货币代码
currencySymbol转换货币值时使用的货币符号

例子

以下代码来自demo.xhtml。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"   
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      >
    <h:body>    
    <h:form>
      <h:panelGrid columns="3">
        Amount : 
        <h:inputText id="amount" value="#{receipt.amount}" 
          size="20" required="true"
          label="Amount" >
          <!-- display in at least 2 decimal points -->
          <f:convertNumber minFractionDigits="2" />
        </h:inputText>
        <h:message for="amount" style="color:red" />
      </h:panelGrid>
      <h:commandButton value="Submit" action="result" />
    </h:form>
    
    </h:body>
</html>

下面的代码来自UserBean.java。

package cn..common;

import java.io.Serializable;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
 
@ManagedBean(name="receipt")
@SessionScoped
public class UserBean implements Serializable{
  
  double amount;

  public double getAmount() {
    return amount;
  }

  public void setAmount(double amount) {
    this.amount = amount;
  }

}

以下代码来自result.xhtml。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"   
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      >
    <h:body>
    <p>
      Amount [minFractionDigits="2"] : 
      <h:outputText value="#{receipt.amount}" >
        <f:convertNumber minFractionDigits="2" />
      </h:outputText>
    </p>
    <p>
      Amount [pattern="#0.000"] : 
      <h:outputText value="#{receipt.amount}" >
        <f:convertNumber pattern="#0.000" />
      </h:outputText>
    </p>
    <p>
      Amount [currencySymbol="$"] : 
      <h:outputText value="#{receipt.amount}">
        <f:convertNumber currencySymbol="$" type="currency" />
      </h:outputText>
    </p>
    <p>
      Amount [currencyCode="GBP"] : 
      <h:outputText value="#{receipt.amount}" >
        <f:convertNumber currencyCode="GBP" type="currency" />
      </h:outputText>
    </p>
    <p>
      Amount [type="percent"] : 
      <h:outputText value="#{receipt.amount}" >
        <f:convertNumber type="percent" />
      </h:outputText>
    </p>
    </h:body>
</html>
下载 Convert_Number.zip

运行

将生成的WAR文件从目标文件夹复制到Tomcat部署文件夹,并运行Tomcat-Install-folder/bin/startup.bat。

Tomcat完成启动后,在浏览器地址栏中键入以下URL。

http://localhost:8080/simple-webapp/demo.xhtml
阅读全文
以上是名动网为你收集整理的js 转换为数字 JSF 转换数字示例全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 名动网 mdwl.vip 版权所有 联系我们