js数据类型及方法
数据类型及方法
数据类型
- number 不区分整数和浮点数
- string 字符串
- boolean true / false 布尔
- object null 数组
- function 函数
- 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);
- 除了加号 - * / % 会强制将参数转换为数字
- 加法运算 只要有一个为字符串,相加则是字符串拼接
- &&条件遇到假就停,返回flase
- ||条件遇到真就停,返回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数据类型及方法的更多相关文章
- 浅谈js数据类型识别方法
js有6种基本数据类型 Undefined , Null , Boolean , Number , String ,Symbol和一种引用类型Object,下面我们就来一一看穿,哦不,识别他们. t ...
- 由js apply与call方法想到的js数据类型(原始类型和引用类型)
原文地址:由js apply与call方法想到的js数据类型(原始类型和引用类型) js的call方法与apply方法的区别在于第二个参数的不同,他们都有2个参数,第一个为对象(即需要用对象a继承b, ...
- 判断js数据类型的四种方法,以及各自的优缺点(转)
转载地址:https://blog.csdn.net/lhjuejiang/article/details/79623973 数据类型分为基本类型和引用类型: 基本类型:String.Number.B ...
- JS 数据类型分析及字符串的方法
1.js数据类型分析 (1)基础类型:string.number.boolean.null.undefined (2)引用类型:object-->json.array... 2.点运算 xxx ...
- 判断数组的方法/判断JS数据类型的四种方法
参考文: 以下 3 个判断数组的方法,请分别介绍它们之间的区别和优劣Object.prototype.toString.call() . instanceof 以及 Array.isArray() h ...
- JS数据类型判断的几种方法
JS数据类型判断 JavaScript 中常见数据类型有Number.String.Boolean.Object.Array.Json.Function.Date.RegExp.Error.undef ...
- 鉴别JS数据类型的全套方法
ECMAScript 标准定义了 7 种数据类型:Boolean.Null.Undefined.Number.String.Symbol(ES6新增)和Object,除Object以外的那6种数据类型 ...
- 总结的JS数据类型判定(非常全面)
用typeof 来检测数据类型 Javascript自带两套类型:基本数据类型(undefined,string,null,boolean,function,object)和对象类型. 但是如果尝试用 ...
- 第一百零七节,JavaScript基本包装类型,数据类型的方法
JavaScript基本包装类型,数据类型的方法 学习要点: 1.基本包装类型概述 2.Boolean类型 3.Number类型 4.String类型 为了便于操作基本类型值,ECMAScript提供 ...
随机推荐
- Java入门教程十二(集合与泛型)
在 Java 中数组的长度是不可修改的.然而在实际应用的很多情况下,无法确定数据数量.这些数据不适合使用数组来保存,这时候就需要使用集合. Java 的集合就像一个容器,用来存储 Java 类的对象. ...
- 从头认识js-js中的继承
要彻底弄明白js中的继承,我们首先要弄清楚js中的一个很重要的概念那就是原型链. 1.什么是原型链? 我们知道每个构造函数都有一个原型对象,原型对象包含一个指向构造函数的指针,而实例都包含一个指向原型 ...
- 前端每日实战:20# 视频演示如何用纯 CSS 为母亲节创作一颗像素画风格的爱心
效果预览 按下右侧的"点击预览"按钮可以在当前页面预览,点击链接可以全屏预览. https://codepen.io/comehope/pen/LmrZVX 可交互视频教程 此视频 ...
- 【原创】为什么我的 Kafka 总是连接失败呢?
提出问题 近日助友 Docker 部署 Kafka 服务,服务日志启动正常,但客户端却无法连接 往日曾踩过此坑,然方法均源于博客,其语焉不详,不知为何不行,亦不知为何行,印象不甚深刻,耗费大量时间 为 ...
- vue中eslint报错的解决方案
1,Newline required at end of file but not found. (eol-last) //文末需要一行 这个是报错: 这个是不报错的: 只需要在最后一行加上一空行即可 ...
- JavaScript的函数(三)
函数也是对象,拥有属性和方法,就类似普通对象那样.1,length属性 arguments.lenght 表示传入实参的个数. 函数的length属性时只读属性,代表形参的个数.可以用argument ...
- PostgreSQL查询表以及字段的备注
目录 查询所有表名称以及字段含义 查看所有表名 查看表名和备注 查看特定表名备注 查看特定表名字段 查询所有表名称以及字段含义 select c.relname 表名,cast(obj_descrip ...
- 【MyBatis笔记】mapper文件的配置以及说明
<!doctype html>[MyBatis笔记]mapper文件的配置以及说明 figure:last-child { margin-bottom: 0.5rem; } #write ...
- 【问题记录】记一次ConnectionTimeout问题排查
最近做性能测试时,发现连接第三方系统时会有约1%的交易提示如下错误 nested exception is org.apache.commons.httpclient.ConnectTimeoutEx ...
- Arch Linux安装配置-双系统(1)
Arch Linux启动盘准备: 在Windows下安装Win32 Disk Imager,打开页面,点击Download即可! 安装配置 1.选择我同意 2.选择安装位置路径 3.打勾,在桌面显示图 ...