前端-part4-部分JS的基础

一、字符串的一般操作

1.字符串的强转

var a ="123";
var b =parseInt(a); //parseInt()方法将字符串类型的数字转化为数字
console.log(b);

2.浮点型的强转

var a ="123.33";
var b =parseFloat(a); //parseFloat()方法将字符串类型的小数转化为小数
console.log(b);

3.字符串的拼接

var s1 = "leon";
var s2 = "haha";
var s3 = s1+s2;
console.log(s3);

4.去空格

.trim() //去空格
.trimLeft() //去左边的空格
.trimRight() //去右边的空格

5.取下标为n的字符

var s = "zhaojian";
console.log(s.charAt(0)); //打印下标为 0 的这个 z

6.截取字符串,这个用的比较少,一般用第7个

var s = "zhaojian";
var s2 = s.substring(0,3);  //截取下标为从 0 到 3
console.log(s2)

7.切片截取字符串,一般就用这一个

var s = "zhaojian";
var s2 = s.slice(0,3);  //切片截取下标为从 0 到 3
console.log(s2)

8.全部设定为小写和全部设定为大写

var s1 = "ZhaoJian";
var s2Upper = s1.toUpperCase();  //设定所有字符全部大写
var s3Lower = s1.toLowerCase();  //设定所有字符全部小写
console.log(s2Upper);
console.log(s3Lower);

9.如何分割字符串

var s1 = "zhao/jian/haha";
var s2 = s1.split("/");  //以 /分割字符串
console.log(s2);

二、部分数组的操作

1.获取数组的长度

var l = [11,22,33,44,55];
console.log(l.length); // .length() 方法获取长度

2.在数组之后追加

var l = [11,22,33,44,55];
l.push(123); // .push()方法在数组之后追加一个 123
console.log(l);

3.删除最后一个

var l = [11,22,33,44,55];
l.pop(); // .pop()防范删除最后一个 55
console.log(l); 

4.在开头处插入一个

var l = [11,22,33,44,55];
l.unshift(0); // .unshift() 方法在开头处插入一个
console.log(l);

5.删除开头第一个

var l = [11,22,33,44,55];
l.shift(); // .shift() 方法删除开头第一个
console.log(l);

6.截取数组

var l = [11,22,33,44,55];
var s = l.slice(1,4);  // .slice()方法,从下标1截取到下标4
console.log(s);

7.翻转列表

var l = [11,22,33,44,55];
var s = l.reverse(); // .reverse()方法,前后调转,全部倒序排列
console.log(s);

8.拼接列表元素

var l = [11,22,33,44,55];
var s = l.join("*"); // .join()方法,每个元素用 * 拼接起来,变成 11*22*33*44*55
console.log(s);

9.删除列表中的元素

var l = [11,22,33,44,55];
l.splice(1,3); // .splice()方法,将列表中下标 1 到 3 的元素删了
console.log(l);

10.删除列表中的元素同时候替换

var l = [11,22,33,44,55];
l.splice(1,3,"aa","bb");// .splice()方法,将列表中下标 1 到 3 的元素删了,换成了 aa 和 bb,可以换多个
console.log(l);

三、js基本逻辑判断和循环语法

1.判断逻辑 if / else

var a =10;
if (a>5){
	console.log("大");
}else{
	console.log("小");
}

2.switch事件循环

var today = 3;
switch (today){ //对today判断
    case 1:
	console.log("today是 1");
	break;
    case 2:
	console.log("today是2");
	break;
	console.log("today是3");
	break;
    default:
	console.log("默认值哟~")
}

3.for循环

for (var i=0;i<=10;i++){ //循环语法和Java比较类似
	console.log("本次循环到了" + i); 
}

4.while 循环

var i= 0;
while (i<10){ //循环语法和Java比较类似
	console.log("本次循环到了"+i);
	i++;
}

5.三元运算

// 三元运算的方式和Java类似
var a = 100; 
var b = 200;
var c = a>b ? a:b; // 如果 a>b ,则 c 取 a 的值,反之,取 b 的值
console.log(c);

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

编辑于

我来说两句

0 条评论
登录 后参与评论

扫码关注云+社区

领取腾讯云代金券