第五十一天js的基础

1.js里面的单行注释:

//的那行注释
View Code

2js里面的多行注释:

/*多行作时
fljdkfjdfjlkj
 */
View Code

3.js变量名的声明:

  1.可以是数字、字母、下划线、或者$,但是开头不能是数字。

  2.声明变量名的方法;var 变量名=值;(这个变量是一个动态变量)(动态变量指的是可以有多个数据类型)

var name=123;
undefined
name
"123"
var name=12;
undefined
name
"12"
View Code

  3.变量名是区分大小写的;

  4.推荐使用驼峰式的命名规则(userName);(python中是使用下划线user_name)

  5保留字不能作为变量名:(python中是关键字不能作为变量名)

var name='alex'
var name=123;
var $ =''
console.log('name',name);
console.log('$' ,$)
View Code

4.数字数据类型:

  在js中不区分整型和浮点型,他们都属于同一种数据类型。

var num1 =134;
var num2= 123.4;
var num3=123e12;
var num4=123e-3;
console.log('num1',num1);
console.log('num2',num2);
console.log('num3',num3);
console.log('num4',num4);
View Code

  结果为

 

 

   4.1NaN代表不是一个数字类型,(Not a number)

5.字符串数据类型(和python一样即可以用单引号,也可以用双引号)

  5.1字符串的拼接(使用加号)和python一样

var name='alex';
var name1='小强';
name2=name+name1;
console.log('字符串拼接后的内容',name2)
结果为
01js基础.js:25 字符串拼接后的内容 alex小强
View Code

  5.2字符串的一些操作指令(和python相似)

  在使用substring时如果start>stop,则start和stop位置将会被交换,如果参数中含有负数,或者不是数字的,则将会被0替换。

  在使用slice 如果参数中start>stop,则代表面的参数正着数元素,后面的参数倒着数元素。

var name='fjdinfddfjkjf'
s1=name.length   //返回字符串的长度
var s2='  jinfdjk fjidfj   '
s3= s2.trim()  //去除字符串中左右空格
s4=s2.trimLeft()//去除字符串中左边空格
s5=s2.trimRight()//去除字符串中有右边空格
s6=s2.charAt(3) //显示字符串中第几个字符
s7=s2.substring(1,4)  //左边一定要比右边小
s8=s2.slice(1,-1)//负数代表从后边开始计算,整数代表从前面开始计算
console.log('返回字符串的长度',s1)
console.log('去除字符串中左右空格',s3)
console.log('去除空格中右边空格',s5)
console.log('去除空格左边空格',s4)
console.log('显示字符串中第几个字符',s6)
console.log('显示索引字符串',s7)
console.log('显示索引字符串',s8)

结果为
返回字符串的长度 13
01js基础.js:36 去除字符串中左右空格 jinfdjk fjidfj
01js基础.js:37 去除空格中右边空格   jinfdjk fjidfj
01js基础.js:38 去除空格左边空格 jinfdjk fjidfj   
01js基础.js:39 显示字符串中第几个字符 i
01js基础.js:40 显示索引字符串  ji
01js基础.js:41 显示索引字符串  jinfdjk fjidfj  
View Code

  5.3字符串的操作:

var name='fjdinfddfjkjf';
s1=name.toUpperCase();// 让字符串进行大写
var s2='ANNUJjfkjfd';
s3=s2.toLowerCase();  //让字符串都小写
s4=name.split('d');//让字符串进行分割并放到列表中
console.log('让字符串大写',s1);
console.log('让字符串都小写',s3)
console.log('进行分割',s4)
结果为
让字符串大写 FJDINFDDFJKJF
01js基础.js:48 让字符串都小写 annujjfkjfd
01js基础.js:49 进行分割 (4) ["fj", "inf", "", "fjkjf"]
View Code

6.布尔型数据false和true(hepython的写法有一点区别)(0、‘’、null、NaN、undefined都是false)

var a=true;
var b=false;
console.log(a);
console.log(b);
结果为
true
01js基础.js:
54 false
View Code

7.数组操作(也就是python中的列表)

   7.1像数组中的·末尾添加元素(相当于python中的append),删除元素是用pop(和python一致)

var list1=['fjj','jfdjj','fjij',123]
list1.push('jfi') //给数组中添加元素
console.log('给数组中添加元素',list1)
list1.pop() //默认删除最后一个
console.log('默认删除最后一个',list1)//删除数组中的数据
list1.pop('fjj')//没有办法指定内容进行删除
console.log(list1)

结果为
给数组中添加元素 (5) ["fjj", "jfdjj", "fjij", 123, "jfi"]
01js基础.js:58 默认删除最后一个 (4) ["fjj", "jfdjj", "fjij", 123]
01js基础.js:60 (3) ["fjj", "jfdjj", "fjij"]
View Code

    7.2在数组的最前面添加或者删除元素(在python中使用insert和pop进行解决)

var list1=['fjj','jfdjj','fjij',123]
list1.unshift('1')//在数据第一个位置添加元素
console.log('在数据第一个位置添加元素',list1)
list1.shift()//在数据第一个位置删除元素
console.log('在数据第一个位置删除元素',list1)
结果为
在数据第一个位置添加元素 (5) ["1", "fjj", "jfdjj", "fjij", 123]
01js基础.js:65 在数据第一个位置删除元素 (4) ["fjj", "jfdjj", "fjij", 123]
View Code

     7.3数组里的切片:(和python不一样的是他不是使用:而是使用,)

var list1=['fjj','jfdjj','fjij',123];
s1=list1.slice(2,4);
console.log(s1);
结果为
(2) ["fjij", 123]
View Code

  7.4:数组·里面的反转:

var list1=['fjj','jfdjj','fjij',123];
s1=list1.reverse()//数组里面的反转
console.log(s1)
结果为
(4) [123, "fjij", "jfdjj", "fjj"]
View Code

  7.5数组里面的排序(如果是数字,是按照一个个数字进行排序,不能进行精确的排序)

var s1=[1,6,4,8];
s2=s1.sort();
console.log('可以正常排序',s2);
var s3=[11,31,8,9];
s4=s3.sort();
console.log('排序出现问题',s4);
结果为
可以正常排序 (4) [1, 4, 6, 8]
01js基础.js:74 排序出现问题 (4) [11, 31, 8, 9]



原因为:当出现多位数时,先进性第一位数字比较,如果相同,则在进行第二位数字的比较,如果不同则直接得出大小。
View Code

  7.6数组里面的join方法()

s4=s3.join('*');
console.log(s4);
结果为
11*31*8*9
View Code

  7.7数组里面的链接(相当于python中的expend)

s4=s3.concat([1,4,6,4],[1,'jf']);
console.log(s4);
结果为
(10) [11, 31, 8, 9, 1, 4, 6, 4, 1, "jf"]
View Code

  7.8可以使用for循环来遍地数组里面的元素:

 for (var i=0; i<s4.length;i++)
 {
     console.log(s4[i])
 }
结果为
11
01js基础.js:78 31
01js基础.js:78 8
01js基础.js:78 9
01js基础.js:78 1
01js基础.js:78 4
01js基础.js:78 6
01js基础.js:78 4
01js基础.js:78 1
01js基础.js:78 jf
View Code

8.undefined和null的区别:如果定义了一个变量,没有给它赋值则成为undefined,如果定义了但是定义值为null则成为null;

var s1;
var s2=null;
console.log(s1);
console.log(s2);
结果为
undefined
01js基础.js:83 null
View Code

9.判断数据类型使用typeof(python中直接使用type)

var s1='alex';
var s2=13;
var s3;
var s4=null;
var s5=false;
var s6=[1,4,5];
console.log(typeof(s1));
console.log(typeof(s2));
console.log(typeof(s3));
console.log(typeof(s4));
console.log(typeof(s5));
console.log(typeof(s6));
 结果为
string
01js基础.js:91 number
01js基础.js:92 undefined
01js基础.js:93 object
01js基础.js:94 boolean
01js基础.js:95 object
View Code

10.是某个变量进行自加一或者自减一;

var n=10;
var n1=8;
n++;
n1--;
console.log('自加一之后的结果',n);
console.log('自加一之后的结果',n1);
结果为
自加一之后的结果 11
01js基础.js:101 自加一之后的结果 7
View Code

11.js里面的运算符:+、-、*、/、%;

var n=1;
var m=5;
console.log('m+n',m+n);
结果为
m+n 6
View Code

12,比较运算符:>、<、 >=、   <=、 == (若等于,只比较值,不比较数据类型)====(强等于,不仅比较数值,而且比较数据类型)、!=(若不等于)、!==(强不等于)返回值和python一样不是false就是true;

console.log('这个在值上都为空',null==undefined);
console.log('数值相同但数据类型不同',10=='10');
console.log('数值相同但数据类型不同',10==='10');
结果为
这个在值上都为空 true
01js基础.js:106 数值相同但数据类型不同 true
01js基础.js:107 数值相同但数据类型不同 false
View Code

13.赋值运算符:+=、-=、*=、/=:

var num=10;
num/=3;
console.log('/=',num);

结果为
3.3333333333333335
View Code

14.js中字典的表示方法:

var dic1={
    name:'alex',
    age:13
};
console.log(dic1.age);
console.log(dic1['name']);
结果为
13
01js基础.js:116 alex
View Code

15.js中的if判断:

var num=10;
if (num>8){
    console.log('数值大于8')
}
else{
    console.log('数值小于8')
};
View Code

16.js中的for循环:

dic1=[1,3,5,6,7];
for (var i=0;i<dic1.length;i++){
    console.log(dic1[i])
}
View Code

17.while循环:

age=10;
while(age<15){
    print('在等几年就可以进入');
    age++;
}
结果为
js:135 在等几年就可以进入
View Code

 

posted @ 2020-03-28 13:28  chown  阅读(139)  评论(0编辑  收藏  举报