JS对象：Number、String

最新推荐文章于 2024-05-10 19:16:14 发布

lceBear

最新推荐文章于 2024-05-10 19:16:14 发布

阅读量137

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/exciting/p/10639311.html

本文提供了两个JavaScript对象操作的实例：一是使用Number对象进行数学运算并转换输出格式；二是利用String对象实现字符串查找与替换功能。这些示例有助于理解JavaScript中Number和String对象的基本用法。

JavaScript中的对象是有着属性和方法的一种特殊数据类型。

常见的对象有数字Number，字符串String，日期Date，数组Array等。

Number

练习

<style>
input{
    width:50px;
}
</style>

<script>
function calc(){
    var n1=document.getElementById("num1").value;
    var n2=document.getElementById("num2").value;
    n1=parseFloat(n1);
    n2=parseFloat(n2);
    var n3=n1*n2;
    var num=new Number(n3);
    document.getElementById("res").value=num.toExponential();
}
</script>

<body>
<input type="text" id="num1" value="5">*
<input type="text" id="num2" value="6">=
<input type="text" id="res">
<input type="button" value="运算" onclick="calc()">
</body>

String

练习

<script>
function getValue(id){
   return document.getElementById(id).value;
}
function setValue(id,value){
   document.getElementById(id).value=value;
}
function replace(){
 
  var src = getValue("src")
 
  var search = getValue("search")
  var replace = getValue("replace")
  var regS = new RegExp(search,"g");
  var result = src.replace(regS, replace);
  setValue("result",result);
}
 
</script>
<table>
<tr>
  <td>源字符串:</td>
  <td><textarea id="src">example</textarea></td>
</tr>
<tr>
  <td>查询:</td>
  <td><input type="text"  id="search" value="a" ></td>
</tr>
<tr>
  <td>替换为:</td>
  <td><input type="text"  id="replace" value="e" ></td>
</tr>
<tr>
  <td>替换结果：</td>
  <td><textarea id="result"></textarea></td>
</tr>
<tr>
  <td colspan="2" align="center"><button onclick="replace()">替换</button></td>
  <td></td>
</tr>
</table>