首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >前端-part4-JavaScript字符串+数组+循环

前端-part4-JavaScript字符串+数组+循环

原创
作者头像
少年包青菜
修改于 2020-07-29 03:27:49
修改于 2020-07-29 03:27:49
81200
代码可运行
举报
文章被收录于专栏:Python 学习Python 学习
运行总次数:0
代码可运行

1.字符串的一般操作

1.字符串的强转

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var a ="123";
var b =parseInt(a); //parseInt()方法将字符串类型的数字转化为数字
console.log(b);

2.浮点型的强转

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var a ="123.33";
var b =parseFloat(a); //parseFloat()方法将字符串类型的小数转化为小数
console.log(b);

3.字符串的拼接

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var s1 = "leon";
var s2 = "haha";
var s3 = s1+s2;
console.log(s3);

4.去空格

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
.trim() //去空格
.trimLeft() //去左边的空格
.trimRight() //去右边的空格

5.取下标为n的字符

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var s = "zhaojian";
console.log(s.charAt(0)); //打印下标为 0 的这个 z

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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var s = "zhaojian";
var s2 = s.substring(0,3);  //截取下标为从 0 到 3
console.log(s2)

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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var s = "zhaojian";
var s2 = s.slice(0,3);  //切片截取下标为从 0 到 3
console.log(s2)

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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var s1 = "ZhaoJian";
var s2Upper = s1.toUpperCase();  //设定所有字符全部大写
var s3Lower = s1.toLowerCase();  //设定所有字符全部小写
console.log(s2Upper);
console.log(s3Lower);

9.如何分割字符串

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var s1 = "zhao/jian/haha";
var s2 = s1.split("/");  //以 /分割字符串
console.log(s2);

二、部分数组的操作

1.获取数组的长度

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var l = [11,22,33,44,55];
console.log(l.length); // .length 属性获取长度

2.在数组之后追加

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var l = [11,22,33,44,55];
l.push(123); // .push()方法在数组之后追加一个 123
console.log(l);

3.删除最后一个

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var l = [11,22,33,44,55];
l.pop(); // .pop()防范删除最后一个 55
console.log(l); 

4.在开头处插入一个

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var l = [11,22,33,44,55];
l.unshift(0); // .unshift() 方法在开头处插入一个
console.log(l);

5.删除开头第一个

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var l = [11,22,33,44,55];
l.shift(); // .shift() 方法删除开头第一个
console.log(l);

6.截取数组

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var l = [11,22,33,44,55];
var s = l.slice(1,4);  // .slice()方法,从下标1截取到下标4
console.log(s);

7.翻转列表

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var l = [11,22,33,44,55];
var s = l.reverse(); // .reverse()方法,前后调转,全部倒序排列
console.log(s);

8.拼接列表元素

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var l = [11,22,33,44,55];
var s = l.join("*"); // .join()方法,每个元素用 * 拼接起来,变成 11*22*33*44*55
console.log(s);

9.删除列表中的元素

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var l = [11,22,33,44,55];
l.splice(1,3); // .splice()方法,将列表中下标 1 到 3 的元素删了
console.log(l);

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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var a =10;
if (a>5){
	console.log("大");
}else{
	console.log("小");
}

2.switch事件循环

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
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循环

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
for (var i=0;i<=10;i++){ //循环语法和Java比较类似
	console.log("本次循环到了" + i); 
}

4.while 循环

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var i= 0;
while (i<10){ //循环语法和Java比较类似
	console.log("本次循环到了"+i);
	i++;
}

5.三元运算

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
// 三元运算的方式和Java类似
var a = 100; 
var b = 200;
var c = a>b ? a:b; // 如果 a>b ,则 c 取 a 的值,反之,取 b 的值
console.log(c);

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

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

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

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

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
前端-part5-JavaScript函数+面向对象+部分基础方法
1.function 一般函数 function func(a,b){ //function 关键字声明一个函数,类似于 Python里面的 def return a+b } var a = func(10,20); console.log(a); 2.forEach方法+map()+filter()方法的使用 var a = [11,22,33,44]; a.forEach(function(i){console.log(i);}) //类似于Python的列表推导式 =================
少年包青菜
2019/08/13
3970
javascript数组常用函数与实战总结
在node.js后端开发过程中,数组这种数据类型(Object类型)再常见不过,本文主要介绍数组的一些常见函数,以及在实战开发过程中能更好的操作数组的lodash包。
coder_koala
2019/07/30
1.2K0
数据结构快速学习--02字符串
字符串可以说是我们实际工作中使用最多的数据类型了,常见的字符串操作包括链接、取子串、格式化等。这部分内容总体来说比较容易理解,最难的部分要数字符串的模式匹配方法了,尤其是KMP算法,需要通过实践加以记
用户1216676
2018/01/24
6010
数据结构快速学习--02字符串
第一章 python入门
                                        2.获取用户名跟密码,如果用户名是:root  密码是:root 提示正确登录,否则登录失败
py3study
2020/01/17
6590
JavaScript 字符串【整合】
JavaScript 字符串用于存储和处理文本。因此在编写 JS 代码之时总如影随形,在你处理用户的输入数据的时候,在读取或设置 DOM 对象的属性时,在操作 Cookie 时,在转换各种不同 Date 时,诸此等等,繁不能数;而那蛮多的 API 呵,总有些让人不愿去记忆的冲动,既然如此,就做一个整合吧,都是日常操作需要用到的。
一墨编程学习
2018/10/27
7120
JavaScript
JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应的代码,浏览器可以解释并作出相应的处理。
Wyc
2018/09/11
1.2K0
22·灵魂前端工程师养成-JavaScript数组
-多年互联网运维工作经验,曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维,曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台(功能如下): 1)整合了各个公有云API,自主创建云主机。 2)ELK自动化收集日志功能。 3)Saltstack自动化运维统一配置管理工具。 4)Git、Jenkins自动化代码上线及自动化测试平台。 5)堡垒机,连接Linux、Windows平台及日志审计。 6)SQL执行及审批流程。 7)慢查询日志分析web界面。
DriverZeng
2022/09/26
5620
22·灵魂前端工程师养成-JavaScript数组
温泉里挣扎的set()方法
一直以来,JS 只能使用数组和对象来保存多个数据,缺乏像其他语言那样拥有丰富的集合类型。因此,ES6 新增了两种集合类型 set 和 map,用于在不同的场景中发挥作用。由于文章篇幅的原因,今天先聊聊 set,map 将在下一篇文章再去说。
程序员法医
2022/08/11
7880
温泉里挣扎的set()方法
JavaScript数组Array的基本操作
若是减小,则索引大于改变后 length值的数组项都不存在,返回 undefined
努力的Greatiga
2022/07/25
6580
19.JavaScript
简介 JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型 1.注释 单行 // 多行 /* */ 2.引用方式 <head> <meta charset="UTF-8"> <title></title> <script src="commons.js"></script> </head> <body> <script> alert('derek') </script> </body> 3.JavaS
zhang_derek
2018/04/11
1.1K0
《JavaScript权威指南》——JavaScript核心
前言 这本由David Flanagan著作,并由淘宝前端团队译的《JavaScript权威指南》,也就是我们俗称的“犀牛书”,算是JS界公认的“圣经”了。本书较厚(有1004页),读起来颇费功夫,但作为JavaScript(下文简称:JS)相关从业者,我还是鼎力推荐,一定要读完这本经久不息,好评如潮的JS“圣经”(如果您有耐心的读完,觉得还不错的,博客最后附有购买本书的优惠券,可自行领取)。 说完本书重要性,下面重点介绍一下本书作者写书的逻辑性,简单来说本书分为四部分,第一部分:JS核心;第二部分:客户端
磊哥
2018/05/08
1.2K0
JavaScript基础-字符串操作方法
在JavaScript编程中,字符串是最基本的数据类型之一,用于存储文本信息。掌握字符串的操作方法对于处理文本数据至关重要。本文将深入浅出地介绍JavaScript中字符串的基本操作,揭示常见问题与易错点,并通过实例代码展示如何避免这些问题,提升代码的健壮性和效率。
Jimaks
2024/06/12
1870
JavaScript入门笔记(2)字符串相关列表对象
字符串相关 字符串基础 字符串历来是各种编程语言坑最多的地方(个人认为),不同软件语言在字符串上的操作的差别比软件语言和硬件描述语言的差距都大(一样是个人认为) JavaScript的字符串在描述上与Python类似,使用""和''标识,多行字符串使用``标识,同样,字符串是不可变对象,即一旦确定就不可改变 字符串操作 需要强调的是,字符串操作均是返回一个新的字符串,原字符串并不会改变 获取指定位置字符:使用数组下标的方式获得 大小写转换:全部变为大写使用toUpperCase(),全部使用小写使用toL
月见樽
2018/04/27
1.6K4
前端入门学习--JavaScript
大概了解了HTML和CSS,到了前端的精华JavaScript。 学习笔记,ALL FROM 廖雪峰的官方网站
一点儿也不潇洒
2018/08/07
2.9K0
Javascript字符串处理
说明: 字符串替换字符还是replace()最强大~默认替换第一个符合条件的字符串,也可用正则做全局匹配
kif
2023/02/27
5550
JavaScript
    1996年11月,JavaScript的创造者--Netscape公司,决定将JavaScript提交给国际标准化组织ECMA,希望这门语言能够成为国际标准。次年,ECMA发布262号标准文件(ECMA-262)的第一版,规定了浏览器脚本语言的标准,并将这种语言称为ECMAScript,这个版本就是1.0版。
changxin7
2022/05/06
1.4K0
JavaScript
说说前端面试比较好的回答
我们知道HTTP协议采用“请求-应答”模式,当使用普通模式,即非KeepAlive模式时,每个请求/应答客户和服务器都要新建一个连接,完成 之后立即断开连接(HTTP协议为无连接的协议);
loveX001
2022/12/19
8060
Javascript字符串
## 定义 ``` var str = new String("abcdefg"); var str = "abcdefg"; ``` ## 常用方法 ### 字符方法 1.charAt(index):返回下标为index的字符 ``` //字符串“Hello World!”下标为1的字符 var str = "Hello World!"; console.log(str.charAt(1)); // e ``` 2.方括号[index]:返回下标为index的字符(IE8以前不支持,会返回undefin
用户1624346
2018/04/10
6720
前端学习笔记之JavaScript
尽管 ECMAScript 是一个重要的标准,但它并不是 JavaScript 唯一的部分,当然,也不是唯一被标准化的部分。实际上,一个完整的 JavaScript 实现是由以下 3 个不同部分组成的:
Jetpropelledsnake21
2019/02/15
9800
最全 JavaScript Array 方法 详解
我们在日常开发中,与接口打交道最多了,前端通过访问后端接口,然后将接口数据二次处理渲染到页面当中。 二次处理的过程是 考验 Coder 对 Array 是否熟练 以及 在 何种 场景下使用哪种方法处理最优 。 小编,在最近开发中就遇到了 Array 问题, 在处理复杂的业务需求时,没想到Array 有类似的方法,然后将方法 组合起来解决当下问题。
程序员海军
2021/10/11
1.1K0
最全 JavaScript Array 方法 详解
相关推荐
前端-part5-JavaScript函数+面向对象+部分基础方法
更多 >
交个朋友
加入腾讯云官网粉丝站
蹲全网底价单品 享第一手活动信息
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档