≡
  • 网络编程
  • 数据库
  • CMS技巧
  • 软件编程
  • PHP笔记
  • JavaScript
  • MySQL
位置:首页 > 网络编程 > JavaScript

js数据类型转换的简单示例

人气:700 时间:2018-09-26

这篇文章主要为大家详细介绍了js数据类型转换的简单示例,具有一定的参考价值,可以用来参考一下。

js中数据类型转换是一个很频繁会用到的一部分,那么在实际案例中会出现各种的数据类型,想要满足某些条件,那还必须要不同类型的数据进行转换,今天就通过一个小例子,来找出相对应的数据类型。
先看一个一个数组,数组里的内容很复杂,包含了所有的数据类型,然后我们通过不同的条件找到相对应的内容:
var arr = [ '100px', 'abc'-6, [], -98765, 34, -2, 0, '300', , function(){alert(1);}, null, document, [], true, '200px'-30,'23.45元', 5, Number('abc'), function(){ alert(3); }, 'xyz'-90 ];
题目是:
1、找到arr里所有的数字:-98765, 34, -2, 0, 5
2、找到可以转成数字的:'100px', -98765, 34, -2, 0, '300', '23.45元', 5
3、把转成数字以后,最大值判断出来:300
4、把 NaN 所在的位置找出来:1 14 17 19

接下来通过js中的数据类型转换找出来所有的题目相对应的内容: JS代码如下:

/**
 * js数据类型转换
 *
 * @param 
 * @arrange (512.笔记) www.q1010.com
 **/
for(var i= 0;i<arr.length;i++){
    //1 思路:必须是数字,还不包含NaN,空白
    if(isNaN(arr[i])===false && arr[i]!="NaN" && typeof(arr[i]) =="number" ){
        arrNum1.push(arr[i]);
        alert(arr[i])
    }
    //2 思路:要通过parseInt和parseFloat把所有的内容转换,然后通过isNaN判断出所有的数字类型
    if(isNaN(parseInt(arr[i]))==false && isNaN(parseFloat(arr[i]))==false){
        if(arr[i]==true){
            arrNum2.push(0);
        }else{
            arrNum2.push(arr[i]);
        }
        alert(arr[i])
    }
    //4 思路:NaN有一个特性它自己不等于它自己
    if(arr[i] !=arr[i]){
        alert(i);
    }
}
//3 思路:在第二步的基础之上,那么就需要一个临时变量先给每个值进行比较,比临时变量小的忽略;
// 比它大的,就让临时变量等于它;
// 然后接着给下面的每一个再进行比较,依次比较大的替换,小的忽略,直到找到最大的那个即可
var temp=0;
for(var i=0;i<arrNum2.length;i++){
    if(parseFloat(arrNum2[i])>parseFloat(temp)){
        temp=arrNum2[i];
    }
}
alert(temp);

// 来自:四海网(www.q1010.com)
今天的小例子可能实际项目中不会同样的经常用到,但是只要是比较大小的都必须同类型的才有可比性,不同类型的自然要进行数据类型转换,所以日后的项目中数据类型转换可能会经常用到,JS中的数据类型无非就这几种:数字、字符串、布尔、函数、对象(obj、[]、{}、null)、未定义,万变不离其宗,只要记得基本的就行,当然这个小例子只是为了简单的巩固数据类型的转换,希望对大家有帮助!

本文来自:http://www.q1010.com/174/1744-0.html

注:关于js数据类型转换的简单示例的内容就先介绍到这里,更多相关文章的可以留意四海网的其他信息。

关键词:数据类型

您可能感兴趣的文章

  • js的数据类型的简单示例
  • php 数据类型校验函数的简单示例
上一篇:js的数据类型的简单示例
下一篇:JS类模拟练习解析
热门文章
  • js随机生成两位数
  • js 文字超出部分隐藏、点击显示更多示例
  • 原生JS+css 点击查看全文的简单示例(类似今日头条效果)
  • javascript实现文字隐藏、展开收起的简单示例
  • JS 展开/收起按钮显示隐藏文字示例
  • JavaScript 正则判断文本是否含有超链接的简单示例
  • 原生JS实现鼠标悬停图片显示文字的简单示例
  • JS 点击按钮显示更多内容的简单示例
  • 原生js for循环遍历二维数组、嵌套元素的简单示例
  • javascript 浮点数转换成整数三种方法
  • 最新文章
    • js获取时间,处理时间等的实现方法
    • JavaScript 判断小数是否相等的简单示例
    • JavaScript 获取数组极值的简单示例
    • JavaScript防抖 & 节流的简单示例
    • JavaScript深拷贝的简单示例
    • JavaScript数组降维的简单示例
    • JavaScript手机端判断浏览器类型的简单示例
    • JavaScript获取 URL 中的参数的简单示例
    • JavaScript以“天”为单位获取响应的时间戳的简单示例
    • JavaScript时间格式化的简单示例

四海网收集整理一些常用的php代码,JS代码,数据库mysql等技术文章。