JS学习笔记(一)基本数据类型和对象类型
js是一种弱类型的语言,所有的变量都用var进行声明,字符串用双引号或单引号括起来,常见基本数据类型为number,string,boolean等。如 var num = 123;或var num = "123";
变量如果不使用var关键字声明下直接使用(禁用这种方法),变量就是一个全局的变量,具有全局作用域。未定义的数据类型使用不会报错(只声明不赋值),而是显示undefined。js允许重复声明变量,"在同一条作用域链中", 等价于赋值如var num = 10;var num = "abc";
一次性声明多个变量
var v1
, v2 = 1
, v3
, v4
, v5;
等价 var v1; var v2; var v3; var v4; var v5;
浏览器是解释执行的,即从上往下依次执行,js代码也是如此,在开始的时候尽可能将要用到的变量全部声明完毕(js没有块级作用域)。
字符串
js的字符串转义字符规范与C#一致。
字符串的常用方法、属性
获得字符串的长度 str.length
获得字符串中某一个位子的字符 string str.charAt(i);
获得子字符串 string str.substring(startIndex, endIndex); 左边界取得到,右边界取不到,相当于集合中的[)
string str.substr(startIndex, count);
将字符串按照某个字符分隔 Array str.split('|', 数字); 第二个参数可以省略
number和string的转换
number -> string
(1)number对象调用toString方法。
var num = 10;
var res = num.toString();
(2)加一个空格
var num = 10;
var res = num + ""
(3)使用String(数字)函数
var num = 10;
var res = String(num);
(4)js中的数字没有固定精度的表示,可通过调用特定方法,返回类型为string。
var n = 1234.56789;
var s4 = n.toFixed(2); //保留两位小数
var s5 = n.toExponential(2); // 2位指数表示
var s6 = n.toPrecision(2); // 有效位数
string -> number
(1)做除了加法以外的数字运算
var s = "12345";
var r = s / 1; // s - 0;
(2)使用parse系方法
parseInt() parseFloat()
var s = "08";
var r = parseInt(s);
parse系方法,只识别一个字符串中开始的数字,如果识别不了就返回NaN。
alert(parseInt("a123abc") + 1);就返回NaN
(3)使用Number()函数
var n="123";
var s=Number(n);
boolean类型
js的boolean类型等价于C#的bool类型。可通过Boolean()方法转换为boolean类型。
判断方法
数字转boolean // 非零为真,0为假
字符串转boolean // 空字符串为假其余都是真
null与undefined 都为false
取反两次得到boolean类型
var num = 0;
alert(!!num);
boolean转数字和字符串
true -> 1 false -> 0
数组(Array)
js中数组声明用[], 如var arr = ["张三", "李四", "王五", "赵六", "陈七"];用数组下标的方式访问数组,得到对应的数组成员。for-in遍历数组,得到的是索引。
delete 会删除数组中的元素,但是不会改变length的大小, 数组在js中可以为length随意的赋值,可以扩充数组
如
var arrExt = [1,2,3,"4", true];//一个数组可以包含多种基本数据类型
arrExt.length = 12;
数组转数字
如果数g组中只包含一个数字元素,则可以转换为对应的数字,否则输出NaN。
特殊值
NaN (not a number)不是一个数字,如0/0得到的就是 NaN。
Infinity 无穷大
在数字类型中有一个对象 Number
Number.MAX_VALUE 数字最大值,类似于C#中的Int32.MaxValue
Number.MIN_VALUE 数字最小值
Number.POSITIVE_INFINITY 正无穷大
Number.NEGATIVE_INFINITY 负无穷大
判断方法
boolean isNaN(数字); 是否是数字
boolean isFinite(数据);//是否有穷
如 var num = 0 / 0;
alert(isNaN(num));
alert(isFinite(num));
包装类型(对象类型)
在js中基本数据类型是:number、boolean、string
在js中同样存在对象类型: Number、Boolean、String 等 用于提供属性方法等功能
包装类型与基本类型用法一致,但是基本类型的扩充
var num1 = new Number(123); 构建对象类型
使用typeof得到的类型为object
本质上数据对象是不存在属性和方法的,
如
var num2 = 10;
alert(num2.toString());
但某些情况下,如10.toString()是错误的
在数据操作的过程中,num2在内存中临时创建一个对应的包装类型,并执行toString方法,将结果返回,同时释放这个包装对象。(瞬时创建,瞬时释放)
JS学习笔记(一)基本数据类型和对象类型的更多相关文章
- JS学习笔记-OO创建怀疑的对象
问了.工厂介绍,解决重码 前面已经提到,JS中创建对象的方法.不难发现,主要的创建方法中,创建一个对象还算简单,假设创建多个类似的对象的话就会产生大量反复的代码. 解决:工厂模式方法(加入一个专门创建 ...
- Node.js学习笔记(四): 全局对象
在浏览器 JavaScript 中,通常 window 是全局对象, 而 Node.js 中的全局对象是 global,所有全局变量(除了 global 本身以外)都是 global 对象的属性. 这 ...
- JS学习笔记(四)常用对象
Error // 语法 throw new Error("消息"); 类似于C#中的Exception对象 // alert(num); try { throw new Error ...
- js学习笔记14----DOM概念及子节点类型
1.概念 DOM:Document Object Model---文档对象模型 文档:html页面 文档对象:页面中的元素 文档对象模型:是一种定义,为了能够让程序(js)去操作页面中的元素. DOM ...
- JS 学习笔记--9---变量-作用域-内存相关
JS 中变量和其它语言中变量最大的区别就是,JS 是松散型语言,决定了它只是在某一个特定时间保存某一特定的值的一个名字而已.由于在定义变量的时候不需要显示规定必须保存某种类型的值,故变量的值以及保存的 ...
- 2019-4-29 js学习笔记
js学习笔记一:js数据类型 1:基本数据类型 number类型(整数,小数) String类型 boolean类型 NaN类型其实是一个nu ...
- 基于jquery的插件turn.js学习笔记
基于jquery的插件turn.js学习笔记 简介 turn.js是一个可以实现3d书籍展示效果的jq插件,使用html5和css3来执行效果.可以很好的适应于ios和安卓等触摸设备. How it ...
- WebGL three.js学习笔记 法向量网格材质MeshNormalMaterial的介绍和创建360度全景天空盒的方法
WebGL学习----Three.js学习笔记(5) 点击查看demo演示 Demo地址:https://nsytsqdtn.github.io/demo/360/360 简单网格材质 MeshNor ...
- vue.js 学习笔记3——TypeScript
目录 vue.js 学习笔记3--TypeScript 工具 基础类型 数组 元组 枚举 字面量 接口 类类型 类类型要素 函数 函数参数 this对象和类型 重载 迭代器 Symbol.iterat ...
- Typescript 学习笔记二:数据类型
中文网:https://www.tslang.cn/ 官网:http://www.typescriptlang.org/ 目录: Typescript 学习笔记一:介绍.安装.编译 Typescrip ...
随机推荐
- 利用代码改变世界 #AzureDev
毫无疑问,开发人员是 //build/ 2013 的主角.开发人员是我们这个行业的心脏和灵魂,我们很感谢他们所做的一切.在 Satya Nadella 走上讲台发表第 2 天的主题演讲之前,我们播放了 ...
- 普林斯顿大学算法课 Algorithm Part I Week 3 重复元素排序 - 三路快排 Duplicate Keys
很多时候排序是为了对数据进行归类,这种排序重复值特别多 通过年龄统计人口 删除邮件列表里的重复邮件 通过大学对求职者进行排序 若使用普通的快排对重复数据进行排序,会造成N^2复杂度,但是归并排序和三路 ...
- iOS 圆角那些事(转)
似乎没有那家公司比Apple更爱圆角了,事实上,圆角也会让图形/产品看起来更加无侵略性,能够带来更好的用户体验.iOS开发中各种圆角也随处可见,最简单给控件添加圆角的方式就是给视图的layer设置co ...
- C# in Depth阅读笔记3:C#3特性
1.隐式类型 var a=new Dictionary<string ,list<person>>();可以简化代码,增强可读性. 2.简化初始化 (1)设置简单属性 Pers ...
- 关于用exec来执行存储过程中,参数带有引号的解决方法
比如:exec 存储过程名 要带有引号的参数 这样写的时候是传不进引号的,可以选定一种字符来表示引号,在存储过程中再进行转换: @test=replace(replace(@test,char(39) ...
- 使用PowerDesigner创建数据库表图文并茂版
使用PowerDesigner创建数据库表图文并茂版 使用PowerDesigner 建数据库表. 一直很忙,没有时间写东西.这次搞点会声会色的,嘿嘿 此技能为项目经理必备技能. 本次主角: 1.在w ...
- JS 更改表单的提交时间和Input file的样式
JS转换时间 function renderTime(data) { var da = eval('new ' + data.replace('/', '', 'g').replace('/', '' ...
- python 杨辉三角 算法实现
def triangles(level): n = 1 L = [] while n <=level: if n <= 2: L.append(1) yield L elif n > ...
- jquery获取和失去焦点改变样式
第一种:(文本框获取焦点后,它的颜色会有所变化,当失去焦点的时候,恢复为原来的样子) <html> <meta http-equiv="Content-Type" ...
- Ajax中XML和JSON格式的优劣比较
刚做完一个小的使用Ajax的项目.整个小项目使用JavaScript做客户端,使用PHP做服务器端.利用xmlHttpRequest组件作为交互工具,利用XML作为数据传输的格式.做完后基本做一个简单 ...