`
txf2004
  • 浏览: 7039734 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

JavaScript FAQ(五)

阅读更多

三、数字

1. 常量(Constants

Q:在编写JavaScript代码时,我可以使用什么类型的数字?

A:在JavaScript中,你可以使用下列形式的数字:

  • 常规十进制数字:
  • 5 137 1.3

  • 指数形式的十进制数字:
  • 6.67e-11 -1.127e20

  • 八进制数,例如:

    01234 -077 0312

    八进制的正数需以0开头,而负数应以-0开头。

  • 十六进制数,例如:
  • 0xFF -0xCCFF 0xabcdef

    十进制的正数需以0x开头,而负数应以-0x开头。

2. 数学常量(Math Constants

Q:在JavaScript中,我如何处理数学的常量?

A:一些数学常量在JavaScript中已经预定义了。你可以使用下面的这些常量:

Math.PI // pi = 3.14159265...
Math.E // e = 2.71828182...
Math.LOG2E //以2为底的log
Math.LOG10E //以10为底的log
Math.LN2 // 以e为底的log2
Math.LN10 // 以e为底的log10
Math.SQRT2 // 2的平方根
Math.SQRT1_2 // 1/2的平方根

因此,不需要记忆e或者pi的精确值,只需要Math.E或Math.PI!

3. 八进制和十六进制(Octals and Hexadecimals

Q:有没有办法可以在JavaScript中使用八进制和十六进制的数字?

A:有的。在JavaScript中可以使用八进制和十六进制数。

八进制数,例如:

01234 -077 0312

八进制的正数需以0开头,而负数应以-0开头。

十六进制数,例如:

0xFF -0xCCFF 0xabcdef

十进制的正数需以0x开头,而负数应以-0x开头。

当需要将八进制或十六进制字符串转化为数字时,使用函数parseInt(str, base)。看下面的例子:

  1. octalStr='377';
  2. num=parseInt(octalStr,8);//numnowholds255
  3. hexStr='7F';
  4. num=parseInt(hexStr,16);//numnowholds127

parseInt的第二个参数指定原始串中的进制。它的取值范围是2到36的整数。

4. 把数字转化为不同进制(Converting Numbers to Another Base

Q:我怎么样把一个数字转化其他不同进制呢?

A:在JavaScript1.1中,你可以使用标准方法Number.toString(radix)将数字转化为非十进制数字的字符串(例如,二进制、八进制或十六进制的字符串)。例如:

  1. a=(32767).toString(16)//thisgives"7fff"
  2. b=(255).toString(8)//thisgives"377"
  3. c=(1295).toString(36)//thisgives"zz"
  4. d=(127).toString(2)//thisgives"1111111"

然而在旧版浏览器(只支持JavaScript1.0)中没有用来转化的标准方法。下面的函数可以在JavaScript1.0将数字转化任意进制的数字:

  1. functiontoRadix(N,radix){
  2. varHexN="",Q=Math.floor(Math.abs(N)),R;
  3. while(true){
  4. R=Q%radix;
  5. HexN="0123456789abcdefghijklmnopqrstuvwxyz".charAt(R)+HexN;
  6. Q=(Q-R)/radix;if(Q==0)break;
  7. }
  8. return((N<0)?"-"+HexN:HexN);
  9. }

可以立即进行测试:

5. 算术操作(Arithmetic Operations

Q:JavaScript都支持什么算术操作?

A:JavaScript支持下列算术操作(你可以使用括号分组以组成更加复杂的表达式):

一元操作只有一个参数(下面的例子中参数是a):

  1. -a//changethesignofa
  2. ~a//bitwiseNOTa
  3. ++a//add1toa(beforeusinga)
  4. a++//add1toa(afterusinga)
  5. --a//subtract1froma(beforeusinga)
  6. a--//subtract1froma(afterusinga)

二元操作需要两个参数(下面的例子中参数是a和b):

  1. a*b//multiplyabyb
  2. a/b//divideabyb
  3. a%b//findtheremainderofdivisionofabyb
  4. a+b//addaandb
  5. a-b//subtractbfroma
  6. a&b//bitwiseaANDb
  7. a|b//bitwiseaORb
  8. a^b//bitwiseaXORb

移位操作有:

  1. a<<b//shiftabybbitstotheleft
  2. //(paddingwithzeros)
  3. a>>b//shiftabybbitstotheright
  4. //(copyingthesignbit)
  5. a>>>b//shiftabybbitstotheright
  6. //(paddingwithzeros)

6. 数字 vs. 字符串(Numbers vs. String

Q:是否有方法判断一个变量是数字还是字符串?

A:有。要测试一个变量是数字还是字符串,可以使用typeof操作符。如果变量是数字,typeof(variable)就会返回“number”。如果是字符串,它就会返回“string”。下面是typeof用法的例子:

  1. typeof(123)//result:"number"
  2. typeof("123")//result:"string"
  3. if(typeofk=="string"){alert('kisastring.')}
  4. if(typeofk=="number"){alert('kisanumber.')}

typeof操作符也可以帮你区分其他数据类型。根据特定变量的值,typeof的结果可能下列其中之一:

"number"
"string"

"boolean"
"function"
"object"
"undefined"

7. 数学函数(Math Functions

Q:JavaScript支持的数学函数有哪些?

A:JavaScript支持下列数学函数(Math对象的方法):

  1. Math.abs(a)//theabsolutevalueofa
  2. Math.acos(a)//arccosineofa
  3. Math.asin(a)//arcsineofa
  4. Math.atan(a)//arctangentofa
  5. Math.atan2(a,b)//arctangentofa/b
  6. Math.ceil(a)//integerclosesttoaandnotlessthana
  7. Math.cos(a)//cosineofa
  8. Math.exp(a)//exponentofa
  9. Math.floor(a)//integerclosesttoandnotgreaterthana
  10. Math.log(a)//logofabasee
  11. Math.max(a,b)//themaximumofaandb
  12. Math.min(a,b)//theminimumofaandb
  13. Math.pow(a,b)//atothepowerb
  14. Math.random()//pseudorandomnumberintherange0to1
  15. Math.round(a)//integerclosesttoa
  16. Math.sin(a)//sineofa
  17. Math.sqrt(a)//squarerootofa
  18. Math.tan(a)//tangentofa

注意三角函数都是假设参数是以弧度表示,而不是角度!

8. 随机数(Random Numbers

Q:JavaScript中如何产生随机数?

A:要产生范围在0到1的随机浮点数,可以使用Math.random()方法:

  1. num=Math.random()//numisrandom,from0to1

如果需要产生范围从A到B的随机浮点数,使用下面的代码:

  1. num=A+(B-A)*Math.random()//numisrandom,fromAtoB

9. 精确值(Accuracy

Q:有时候JavaScript计算看起来会产生不精确的结果,例如,0.362 * 100 = 36.199999999999996。我应该如何避免这种情况呢?

A:要避免不精确的情况,你可能想把结果四舍五入到到你使用的数据的精度。例如,为了把结果四舍五入到千分之一,可以使用下面的代码:

  1. roundedX=Math.round(1000*rawX)/1000;

10. 四舍五入(Rounding

Q:我如何把数字四舍五入到n位小数?

A:你可以使用下面的代码来四舍五入:

  1. Math.round(10*X)/10;//roundtotenths
  2. Math.round(100*X)/100;//roundtohundredths
  3. Math.round(1000*X)/1000;//roundtothousandths
  4. ...
分享到:
评论

相关推荐

    javascript FAQ函数(提问+回复)

    JavaScript FAQ函数是一种常见的网页交互设计,它用于实现FAQ(常见问题解答)页面中问题与答案的展开和隐藏功能。在用户点击某个问题时,对应的答案会显示出来,而其他未被点击的问题答案则保持隐藏状态,以此提高...

    JavaScript_初学者文件,最终项目和FAQ为我的终极React课程.zip

    这个压缩包“JavaScript_初学者文件,最终项目和FAQ为我的终极React课程.zip”显然是为了帮助初学者掌握JavaScript以及进阶到React框架的知识而设计的。React是Facebook推出的一个用于构建用户界面的JavaScript库,...

    FAQ.zip_FAQ_在线FAQ制作_网站faq系统

    前端负责用户交互,可能使用React、Vue.js等现代JavaScript框架;后端处理业务逻辑和数据操作,可能选择Node.js、Python的Django或Flask框架,或者是Java的Spring Boot。数据库方面,MySQL或PostgreSQL是常用的选择...

    业务框架应用FAQ

    前台获取内存数据通常通过JavaScript或Vue等前端框架实现,需要了解对应框架的API。可能涉及到的数据源包括本地存储、组件状态或全局变量。 **FAQ10:新配置的FC未被调用** 新配置的功能组件(FC)未调用可能因为配置...

    jquery常见问题FAQ展开收缩列表效果

    同时,为了实现多语言或动态加载的FAQ,我们可以将问题和答案存储在JSON对象中,然后在JavaScript中动态生成HTML结构。这将使我们的代码更灵活,便于维护和扩展。 此外,考虑到性能和可访问性,我们应该避免对大量...

    开源项目-jzelinskie-faq.zip

    这个项目可能是一个基于JQ(可能是jQuery或者其他JavaScript库)的问题与解答(FAQ)系统,或者是一个用于处理FAQ数据的工具。尽管文件格式没有明确指定,但我们可以根据文件名推测这可能是一个代码仓库的主分支。 ...

    jQuery toggle事件制作FAQ列表页.zip

    6. **结构化数据**:FAQ页面通常包含多条问题和答案,可以考虑将它们存储在JSON格式的数据中,然后在JavaScript中解析并动态渲染到页面上。这样做可以方便地管理和更新内容。 7. **响应式设计**:为了让FAQ列表在...

    如何实现简单的FAQ折叠效果.rar

    本教程将详细介绍如何使用JavaScript实现简单的FAQ折叠效果。 首先,我们需要在HTML中构建FAQ的基础结构。每个问题-答案对应该包裹在一个容器内,例如`&lt;div&gt;`,并为问题和答案设置不同的CSS类。例如: ```html ...

    可展开和收缩的jquery FAQ问答列表特效

    在IT行业中,jQuery是一种广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。本文将详细探讨"可展开和收缩的jQuery FAQ问答列表特效"这一主题,以及它在实际应用中的相关知识点。 首先...

    css3列表FAQ问答特效.rar

    在压缩包中的文件"jiaoben286"可能是示例代码或一个项目文件,可能包含了实现这种CSS3列表FAQ问答特效的具体HTML结构、CSS样式以及JavaScript代码。通过查看和分析这些文件,你可以更深入地理解如何将这些技术应用于...

    FAQ管理全源代码 .rar_FAQ

    【标题】"FAQ管理全源代码 .rar_FAQ" 提供的是一个完整的FAQ(常见问题解答)管理系统的所有源代码。这个系统设计用于帮助用户高效地处理和管理与产品或服务相关的常见问题及其解答,提高客户支持和服务的质量。通过...

    FAQ可收缩jquery手风琴

    【jQuery FAQ可收缩手风琴】是一种常见的网页交互设计元素,它通过使用jQuery库实现了一个功能丰富的FAQ(常见问题解答)部分。这个设计允许用户点击问题标题,展开对应的答案,以此来节省页面空间并提高用户体验。...

    css3列表FAQ问答特效.zip

    在FAQ列表中,JavaScript可能被用来处理用户交互,比如当用户点击问题时,JavaScript可以控制相应的答案区域的显示和隐藏,实现动态展开和收起。同时,它还可以实现其他功能,如验证用户输入,或者在无刷新页面的...

    简单实用的jQuery FAQ手风琴特效

    "简单实用的jQuery FAQ手风琴特效"就是一种增强网站用户互动性的技术,它常用于常见问题解答(FAQ)部分,使得大量的信息可以以紧凑且易于浏览的方式呈现。这篇文章将深入探讨jQuery手风琴特效的原理、实现方法以及...

    jquery常见问答faq特效.rar

    在网页开发中,jQuery作为一个强大的JavaScript库,极大地简化了DOM操作、事件处理和动画制作。对于开发者而言,掌握jQuery的常见问题和解决方法,以及如何创建吸引人的FAQ(常见问题解答)特效,是提升网站用户体验...

    jQuery和css3简单实用的FAQ问答页面模板

    **jQuery和CSS3 FAQ问答页面模板详解** 在网页设计中,FAQ(常见问题解答)页面是必不可少的一部分,它能够提供用户快速找到问题解决方案的途径。本文将深入探讨一个基于jQuery和CSS3的FAQ问答页面模板,它具有人性...

    jquery实现faq问答展开折叠.rar

    五、CSS样式增强 为了视觉上的效果,我们可以添加一些CSS样式,例如折叠时隐藏答案的过渡效果,或者展开时添加高亮等。以下是一些基础样式的例子: ```css .faq-answer { display: none; /* 初始状态隐藏答案 */ ...

    FAQ可收缩jquery手风琴导航.zip

    总结起来,这个“FAQ可收缩jquery手风琴导航”项目涵盖了前端开发的核心技术:HTML5用于构建网页结构,CSS负责样式和动画,JavaScript与jQuery库实现了交互功能。通过深入学习和实践这些技术,开发者可以创建出更加...

    faq.rar_FAQ_jsp faq_jsp 问答_jsp代码_问答

    在IT行业中,JSP(JavaServer Pages)是一种用于创建动态网页的技术,它是Java平台的一部分,提供了将HTML、CSS和JavaScript与服务器端Java代码相结合的能力。本FAQ(Frequently Asked Questions,常见问题解答)...

Global site tag (gtag.js) - Google Analytics