数据类型及方法

数据类型

  1. number 不区分整数和浮点数
  2. string 字符串
  3. boolean true / false 布尔
  4. object null 数组
  5. function 函数
  6. undefined 未定义

number方法

method DES
Number() 构造函数,参数必须全为数字,否则返回NaN(Not a Number)
parseInt() 将参数转换为数字,整数部分遇到不是数字就停
parseFloat() 讲参数转换为数字,遇到不是数就停。
toFixed() 保留小数(四舍五入),返回字符串

注:NaN数据本身不相等,类型为Number

var str = "101.123px";
var n = Number(str);
alert(isNaN(N));//true
alert( n == n );//false

Math数学函数

Method DES
Math.pow() 求次方
Math.round() 四舍五入到整数
Math.ceil() 向上取整
Math.floor() 向下取整
Math.min() 取最小值
Math.max() 取最大值
Math.random()*n 取0-n的随机数
var n = Math.random()*10 + 20//取10到30之间随机数
parseInt(n)取整

string 方法

Method DES
str[index] 取单个字符 ———— 兼容IE8+
str.charAt( index ) 取单个字符 ———— 兼容所有*
Number.toString() 转换数字为字符串
str.toUpperCase() 将字符串字母变为大写
str.toLowerCase() 将字符串字母变为小写
str.indexOf ("想要查找文本", 查询的起始位置)
str.substring() 截取字符串(参数之间会做比较,哪个参数小放前边, 参数为负数的时候,变为0)
str.slice() 截取字符串(参二不能小于参一)
str.split("要以它作为分割的文本") 返回数组

Boolean布尔值

判断条件真假(true:1/flase:0)

五个假语句如下,其余都为真,包括空对象、空数组

undefined
null
0
NaN
""

注:null 和 undefined

null转换为数字的时候 为0,在做条件判断为假   类似于正确空值的填补
undefined 转换为数字 为NaN,在做条件判断为假 类似于错误空值的填补
null 关键字, 非对象
undefined ==> undefined
1+undefined ==> NaN
1+null ==> 1

js运算符

DES SIGN
运算符 + - * / %
赋值运算 = += -= /= %=
判断条件符号 > < == <= >= !=不等于 !== 不全等于 ===恒等于,还会判断数据类型
逻辑运算符 与&& 或|| 非!

能被计算的时候才会执行计算,不能计算则会出现各种问题 (报错 NaN);

  1. 除了加号 - * / % 会强制将参数转换为数字
  2. 加法运算 只要有一个为字符串,相加则是字符串拼接
  3. &&条件遇到假就停,返回flase
  4. ||条件遇到真就停,返回true

for循环

for(var i=0; i<10; i++){
if( i==5 ){
//continue;跳过本次循环,到循环尾
break;//中断循环
}
console.log(i);
} for(var key in document) {
console.log(key +"======"+document[key]); // 查看document里面所有的方法
}

流程控制

if ( 10>1 ) {
alert(1);
}else if( 5<50 ){
alert(2);
}else if( 10>20 ){
alert(3);
} // 只有一条真语句
if( 8 > 0 ) alert('This is 8 > 0');

js数据类型及方法的更多相关文章

  1. 浅谈js数据类型识别方法

    js有6种基本数据类型  Undefined , Null , Boolean , Number , String ,Symbol和一种引用类型Object,下面我们就来一一看穿,哦不,识别他们. t ...

  2. 由js apply与call方法想到的js数据类型(原始类型和引用类型)

    原文地址:由js apply与call方法想到的js数据类型(原始类型和引用类型) js的call方法与apply方法的区别在于第二个参数的不同,他们都有2个参数,第一个为对象(即需要用对象a继承b, ...

  3. 判断js数据类型的四种方法,以及各自的优缺点(转)

    转载地址:https://blog.csdn.net/lhjuejiang/article/details/79623973 数据类型分为基本类型和引用类型: 基本类型:String.Number.B ...

  4. JS 数据类型分析及字符串的方法

    1.js数据类型分析 (1)基础类型:string.number.boolean.null.undefined (2)引用类型:object-->json.array... 2.点运算  xxx ...

  5. 判断数组的方法/判断JS数据类型的四种方法

    参考文: 以下 3 个判断数组的方法,请分别介绍它们之间的区别和优劣Object.prototype.toString.call() . instanceof 以及 Array.isArray() h ...

  6. JS数据类型判断的几种方法

    JS数据类型判断 JavaScript 中常见数据类型有Number.String.Boolean.Object.Array.Json.Function.Date.RegExp.Error.undef ...

  7. 鉴别JS数据类型的全套方法

    ECMAScript 标准定义了 7 种数据类型:Boolean.Null.Undefined.Number.String.Symbol(ES6新增)和Object,除Object以外的那6种数据类型 ...

  8. 总结的JS数据类型判定(非常全面)

    用typeof 来检测数据类型 Javascript自带两套类型:基本数据类型(undefined,string,null,boolean,function,object)和对象类型. 但是如果尝试用 ...

  9. 第一百零七节,JavaScript基本包装类型,数据类型的方法

    JavaScript基本包装类型,数据类型的方法 学习要点: 1.基本包装类型概述 2.Boolean类型 3.Number类型 4.String类型 为了便于操作基本类型值,ECMAScript提供 ...

随机推荐

  1. Java入门教程十二(集合与泛型)

    在 Java 中数组的长度是不可修改的.然而在实际应用的很多情况下,无法确定数据数量.这些数据不适合使用数组来保存,这时候就需要使用集合. Java 的集合就像一个容器,用来存储 Java 类的对象. ...

  2. 从头认识js-js中的继承

    要彻底弄明白js中的继承,我们首先要弄清楚js中的一个很重要的概念那就是原型链. 1.什么是原型链? 我们知道每个构造函数都有一个原型对象,原型对象包含一个指向构造函数的指针,而实例都包含一个指向原型 ...

  3. 前端每日实战:20# 视频演示如何用纯 CSS 为母亲节创作一颗像素画风格的爱心

    效果预览 按下右侧的"点击预览"按钮可以在当前页面预览,点击链接可以全屏预览. https://codepen.io/comehope/pen/LmrZVX 可交互视频教程 此视频 ...

  4. 【原创】为什么我的 Kafka 总是连接失败呢?

    提出问题 近日助友 Docker 部署 Kafka 服务,服务日志启动正常,但客户端却无法连接 往日曾踩过此坑,然方法均源于博客,其语焉不详,不知为何不行,亦不知为何行,印象不甚深刻,耗费大量时间 为 ...

  5. vue中eslint报错的解决方案

    1,Newline required at end of file but not found. (eol-last) //文末需要一行 这个是报错: 这个是不报错的: 只需要在最后一行加上一空行即可 ...

  6. JavaScript的函数(三)

    函数也是对象,拥有属性和方法,就类似普通对象那样.1,length属性 arguments.lenght 表示传入实参的个数. 函数的length属性时只读属性,代表形参的个数.可以用argument ...

  7. PostgreSQL查询表以及字段的备注

    目录 查询所有表名称以及字段含义 查看所有表名 查看表名和备注 查看特定表名备注 查看特定表名字段 查询所有表名称以及字段含义 select c.relname 表名,cast(obj_descrip ...

  8. 【MyBatis笔记】mapper文件的配置以及说明

    <!doctype html>[MyBatis笔记]mapper文件的配置以及说明 figure:last-child { margin-bottom: 0.5rem; } #write ...

  9. 【问题记录】记一次ConnectionTimeout问题排查

    最近做性能测试时,发现连接第三方系统时会有约1%的交易提示如下错误 nested exception is org.apache.commons.httpclient.ConnectTimeoutEx ...

  10. Arch Linux安装配置-双系统(1)

    Arch Linux启动盘准备: 在Windows下安装Win32 Disk Imager,打开页面,点击Download即可! 安装配置 1.选择我同意 2.选择安装位置路径 3.打勾,在桌面显示图 ...