JavaScript速记教程第一篇数据类型

注:本教程为自己二次整理,如果您没有看过其他的JavaScript那么这篇内容您要看得很吃力。

JavaScript数据类型

JavaScript 字符串

使用单引号或者双引号包含起来,即称为字符串。

JavaScript 字符串拼接

  1. var name ='李金龙';
  2. var age = 20;
  3. var message = "你好,我是" + name + ",我今年" + age +"岁。";
  4. alert(message); // 浏览器输出:你好,我是李金龙,我今年20岁
  5. //另一种写法,注意包围的符号为```````````不是单引号
  6. var messages =  `你好,我是${name},我今年${age}岁 `;

JavaScript 字符串操作

  1. var name ="李金龙";
  2. name.length; //3,字符串长度
  3. name[0]; //李,获取下标为0的字符串内容,与数组的获取相同
  4. name[10]; //undefined 超出索引的范围 
  5. name[0] = "Li"
  6. alert(name) //李金龙,字符串是不可变的。
  7. var age=11;
  8. String(age); //转为字符串
  1. var name ="Lee hello World";
  2. name.toUpperCase(); //LEE HELLO WORLD ,字符串全部大写
  3. name.toLowerCase(); //lee hello world ,字符串全部小写
  4. name.indexOf('hello'); // 4,获取指定字符串的出现位置,下标从零开始,如无法找到则返回-1的值
  5. name.substring(1,2) //e,通过下标来返回信息,不包含第二个索引对应的值
  6. name.substring(4) //从下包第四位开始后面的值

JavaScript 字符串转义字符

  1. \' //单引号
  2. \" //双引号
  3. \& //和号
  4. \\ //反斜杠
  5. \n //换行符
  6. \t //制表符
  7. \r //回车符
  8. \b //退格符
  9. \f //换页符

JavaScript 数字

JavaScript 数字类型

  1. 123 //整数类型
  2. 0.123 //浮点数类型
  3. 1.2345e5 //科学计数法,1.2345*10000  如1.2345e-5 增1.2345 * 0.00001 
  4. -11 //负数
  5. Nan //无法计算结果返回Nan
  6. Infinity //无限大

 

JavaScript 数字操作

  1. 1 + 2; // 3
  2. (1 + 2) * 5 / 2; // 7.5
  3. 2 / 0; // Infinity
  4. 0 / 0; // NaN
  5. 10 % 3; // 1
  6. 10.5 % 3; // 1.5 其中%为求余

JavaScript 布尔

JavaScript 布尔只有两个值true以及false

JavaScript逻辑运算符

  1. true && true ;  //是与运算,两者必须为true
  2. true || false ;//是或运算,其中一者为true
  3. !true//是非运算,置反运算,true转为false

 

JavaScriptb比较运算符

  1. 2 > 5; //false
  2. 5 >=2; //true
  3. 7=='7' //true 两个等号条件下,数据类型会转换,所以两者的结果变为相等
  4. 7==='7' //false. 不转换数据类型,两者不等

JavaScript 数组

  1. var lee=[1,2,3,4,5,true,'hello']; //使用[]表示,逗号做分割
  2. //获取数组中的元素,可通过下标来索引
  3. lee[0]; //1,索引从0开始
  4. lee[10];//undefined 超出索引的范围,返回未定义
  5. lee.length; //获取数组长度为7
  6. lee[6] = 55 //通过索引下标来改变原数组的值
  7. lee //[1,2,3,4,5,true,55]
  1. var lee=[1,2,3,4,5,true,'hello'];
  2. lee.length(8); //[1,2,3,4,5,true,'hello',undefined,undefined] 
  3. lee.length(2); //[1,2]
  4. lee; //[1,2]
  1. var lee=[1,2,3,4,5,true,'hello'];
  2. lee.indexOf(2);//下标为1(从0开始)
  3. //数组截取内容(slice()),等同于string中substring
  4. lee.slice(1,3); //[2,3] 包含开始索引,不包含结束索引
  5. lee.slice(3); //[4,5,true,'hello'],从索引3开始到结束
  6. var lees = lee.slice() //[1, 2, 3, 4, 5, true, "hello"]从头到尾截取所有元素
  7. lee.push(1,2); //9,在数组末尾添加内容至数组内,返回数组的长度
  8. lee.pop(); //删除数组中的最后一个值,并返回
  9. lee.unshift(21,22); // 10在数组开头添加内容,返回数组长度
  10. lee.shift(); //删除数组第一个元素,并返回值
  11. lee.sort(); //对数组进行默认排序
  12. lee.reverse(); //对数组排序进行置反
  1. var lee =[1,2,3,true,'李金龙'];
  2. lee.splice(1,3,4,5); //[2, 3, true]从索引1开始删除3个元素,并添加新的元素4,5,返回删除的项目
  3. lee;//[1, 4, 5, "李金龙"]
  4. lee.splice(2,2); //[5, "李金龙"]从索引2开始删除2个元素
  5. var lee =[1,2,3,true,'李金龙'];
  6. lee.splice(2,0,10,20) //[1, 2, 10, 20, 3, true, "李金龙"] 从索引第二位删除0位元素,增加元素10,20,类似于指定位置插入数据 
  7. var lees = lee.concat(2,3,4); //[1, 2, 10, 20, 3, true, "李金龙", 2, 3, 4] 将数组数据连接起来,产生一个新的数组,原数组不发生改变。
  8. var lee = [1,2,3]
  9. var lees = lee.concat([4,5,6],7) // [1, 2, 3, 4, 5, 6, 7],concat会将数组当中的元素都拆开
  10. var lee =[1,2,3,4,true,'李金龙']
  11. lee.join('*'); //"1*2*3*4*true*李金龙" join将每个元素通过自定的字符串串联起,非字符串的元素会被转为字符串

JavaScript 对象

对象是由**键值对**组成的**无序**集合

  1. var lee={
  2. name:'lee',
  3. web:'https://www.lijinlong.cc',
  4. age:20,
  5. tags:['seo','前端','营销'],
  6. city:'shantou'};
  7. //万物皆对象
  8. //获取方式
  9. lee.age; //20 变量.属性名
  10. lee["age"]; //20 变量['属性名']
  11. lee.about; //undefined,无法查到的属性值则返回未定义结果
  12. lee.about = "一个菜鸡程序员"//添加一个属性
  13. delete lee.about; //删除about的属性
  1. 'name' in lee; //true
  2. 'lee' in lee; //false
  3. //关于继承,例toString
  4. 'toString' in lee; //true,上述的对象中其实并未包含toString这个属性,而是因为toString定义在object对象中,而所有对象都始终都会在原型链上指向object。所以lee本身也拥有toString属性
  5. lee.hasOwnProperty('name') //true
  6. lee.hasOwnProperty('toString') //false 

Undefined 和 Null

null表示一个“空”的值,它和0以及空字符串''不同,0是一个数值,''表示长度为0的字符串,而null表示“空”。

李金龙

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: