JavaScript变量

本文详细介绍了JavaScript中的变量声明,强调了动态类型特性。讲解了Number、String类型的使用,特别是String的各种方法,如concat、parseInt、parseFloat等。还探讨了Boolean值的特性和对象的概念,并给出了命名规范的建议。
摘要由CSDN通过智能技术生成

目录

一.变量声明

二.变量类型

2.1java Script 拥有动态类型

2.2数值(Number)

2.3 字符串(String)

2.3.1 常用方法

2.3.2字符串合并操作:“ + ”

2.3.3parseInt() 将数字字符串转化为整数

2.3.4parseFloat() 将数字字符串转化为小数

2.3.5split() 把一个字符串分隔成字符串组成的数组

2.3.6charAt() 获取字符串中的某一个字符

2.3.7indexOf() 查找字符串是否含有某字符

2.3.8substring() 截取字符串 用法: substring(start,end)(不包括end).

2.3.9toUpperCase() 字符串转大写

2.3.10toLowerCase() 字符串转小写

2.3.11字符串反转

2.4 布尔值(Boolean)

2.5对象

三.命名规范


一.变量声明

JavaScript 是一种弱类型语言,JS 的变量类型由它的值来决定。定义变量需要用关键字 ‘var’ 。同时定义多个变量可以使用 “,” 隔开。

  1. javaScript的变量名可以使用_,数字,字母,$组成,不能以数字开头。 
  2. 多个英文字母 驼峰 myName,严格区分大小写。
  3. 声明变量使用 var 变量名; 的格式来进行声明。

例子:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    var a = 6, b="hello";
    alert(a);
    alert(b);
</script>

</body>
</html>

注意:

  • 变量名是区分大小写的。
  • 推荐使用驼峰式命名规则。
  • 保留字不能用做变量名。

补充:

ES6新增了let命令,用于声明变量。其用法类似于var,但是所声明的变量只在let命令所在的代码块内有效。例如:for循环的计数器就很适合使用let命令。

for (let i=0;i<arr.length;i++){...} 

ES6新增const用来声明常量。一旦声明,其值就不能改变。

const PI = 3.1415; 
PI // 3.1415 

PI = 3 
TypeError: "PI" is read-only 

二.变量类型

类型说明
number数字类型(原始值) 数值,不区分整型和浮点
型,就只有一种数字类型
string字符串类型(原始值
boolean布尔类型 true,false(原始值
undefined变量声明未初始化,它的值为undefined(原始
值)
null表示空对象,定义的变量准备保存对象,可以将
变量初始化为null,在页面上获取不到对象,返回
的值就是null(原始值
object复合类型

2.1java Script 拥有动态类型

var x; //此时x是 undefined 

var x =1 ; //此时x是数字 

var x ='hello' //此时x是字符串

2.2数值(Number)

JavaScript不区分整型和浮点型,就只有一种数字类型。

var a = 12.34; 
var b = 20; 
var c = 123e5 ;// 12300000 
var d = 123e-5; // 0.00123

还有一种NaN,表示不是一个数字(Not a Number)。

2.3 字符串(String)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>字符串js</title>
</head>
<body>
<script>
    var a = 'hello';
    var b = 'world';
    var c = a+b;
    alert(typeof c)
    alert(c)
</script>

</body>
</html>

 效果图:

2.3.1 常用方法

方法 说明
.length返回长度
.trim()移除空白
.trimLeft()移除左边的空白
.trimRight()移除右边的空白
.charAt(n)返回第n个字符
.concat(value, ...拼接
.indexOf(substring, start)子序列位置
.substring(from, to)根据索引获取子序列
.slice(start, end)切片
.toLowerCase()小写
.toUpperCase()大写
.split(delimiter, limit)分割

2.3.2字符串合并操作:“ + ”

var iNum01 = 12; 
var iNum02 = 24;
var sNum03 = '12'; 
var sTr = 'abc'; 
alert(iNum01+iNum02); //弹出36 
alert(iNum01+sNum03); //弹出1212 数字和字符串相加等同于字符串相加 
alert(sNum03+sTr); // 弹出12abc 

2.3.3parseInt() 将数字字符串转化为整数

var sNum01 = '12';
var sNum02 = '24'; 
var sNum03 = '12.32'; 
alert(sNum01+sNum02); //弹出1224 
alert(parseInt(sNum01)+parseInt(sNum02)) //弹出36 
alert(sNum03) //弹出数字12 将字符串小数转化为数字整数

2.3.4parseFloat() 将数字字符串转化为小数

var sNum03 = '12.32' 
alert(parseFloat(sNum03)); //弹出 12.32 将字符串小数转化为数字小数 

2.3.5split() 把一个字符串分隔成字符串组成的数组

var sTr = '2017-4-22'; 
var aRr = sTr.split("-"); 
var aRr2= sTr.split("");
alert(aRr); //弹出['2017','4','2'] 
alert(aRr2); //弹出['2','0','1','7','-','4','-','2','2'] 

2.3.6charAt() 获取字符串中的某一个字符

var sId = "#div1"; 
var sTr = sId.charAt(0); 
alert(sTr); //弹出 # 

2.3.7indexOf() 查找字符串是否含有某字符

var sTr = "abcdefgh"; 
var iNum = sTr.indexOf("c"); 
alert(iNum); //弹出2 

2.3.8substring() 截取字符串 用法: substring(start,end)(不包括end).

var sTr = "abcdefghijkl"; 
var sTr2 = sTr.substring(3,5); 
var sTr3 = sTr.substring(1); 

alert(sTr2); //弹出 de 
alert(sTr3); //弹出 bcdefghijkl 

2.3.9toUpperCase() 字符串转大写

var sTr = "abcdef"; 
var sTr2 = sTr.toUpperCase(); 
alert(sTr2); //弹出ABCDEF 

2.3.10toLowerCase() 字符串转小写

var sTr = "ABCDEF"; 
var sTr2 = sTr.toLowerCase(); 
alert(sTr2); //弹出abcdef 

2.3.11字符串反转

var str = 'asdfj12jlsdkf098'; 
var str2 = str.split('').reverse().join(''); 

alert(str2); 

2.4 布尔值(Boolean)

区别于Python,true和false都是小写。

var a = true; 
var b = false; 

""(空字符串)、0、null、undefined、NaN都是false。

null和undefined

  • null表示值是空,一般在需要指定或清空一个变量时才会使用,如 name=null;
  • undefined表示当声明一个变量但未初始化时,该变量的默认值是undefined。还有就是函数无明确的返回值时,返回的也是undefined。

null表示变量的值是空,undefined则表示只声明了变量,但还没有赋值。

2.5对象

  • JavaScript 中的所有事物都是对象:字符串、数值、数组、函数...此外,JavaScript 允许自定义对象。
  • JavaScript 提供多个内建对象,比如 String、Date、Array 等等。
  • 对象只是带有属性和方法的特殊数据类型。

三.命名规范

变量、函数、属性、函数参数

  • 1、区分大小写
  • 2、第一个字符必须是字母、下划线(_)或者美元符号($)
  • 3、其他字符可以是字母、下划线、美元符或数字

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值