Web报表工具FineReport的JS开发之字符串

简介:

在报表开发过程中,有些需求可能无法通过现有的功能来实现,需要开发人员二次开发,以FineReport为例,可以使用网页脚本、API接口等进行深入的开发与控制。

考虑到JS脚本开发的使用较多,这里先先简单介绍如何用JS对字符串进行操作,比如如何判断字符串是否为空,字符串的长度,替换,查找,截取,或者将字符串转换为其他类型等。

1. 字符串的长度

1.1 返回字符串长度

获取字符串长度,可以使用字符串对象的length属性。例如:  

1
2
var  txt=  "Hello FR" ;   
txt.length;        //返回长度

就会返回8

 

1.2 字符串的判空

字符串为空,即字符串长度为0,若要实现判空,可以用如下方法:  

1
2
3
4
if (txt.length==0||txt== '' )  
return  true ;      //为空  
else  
return  false ;      //不为空

这里,txt.length==0 txt==''只需要满足一个即可

 

2. 字符串的替换

字符串 stringObject  replace() 方法执行的是查找并替换的操作。它将在 stringObject 中查找与 regexp 相匹配的子字符串,然后用 replacement 来替换这些子串。如果 regexp 具有全局标志 g,那么 replace() 方法将替换所有匹配的子串。否则,它只替换第一个匹配子串。

这里举个字符串替换的例子:  

1
2
var  txt= "Visit FR!" ;  
txt.replace(/Visit/,  "Hello" );

结果将返回Hello FR!

 

3. 字符串的查找

search(regexp) 方法用于检索字符串中指定的子字符串,他将返回stringObject 中第一个与 regexp 相匹配的子串的起始位置。

如果没有找到,将返回-1.

但是,search方法无法查找全局,只查找第一个出现的匹配字符串。

 

4. 字符串的截取

我们可以用substr(start,length)方法来提取一个字符串中的部分内容。

其中start是起始,提取长度为length的新字符串。

举个例子  

1
2
var  txt= "Visit FR!" ;  
txt.substr(6,2);     //从第六个开始去两个

上述结果将返回FR

字符串下标从0开始,如果start为负,则默认从头开始提取。

 

5. 字符串的连接

可以通过字符串的concat(str1,str2...) 方法将多个字符串连接起来

比如 

1
2
3
var  str1= "hello" ;  
var  str2= "FR" ;  
str1.concat(str2);

结果将返回hello FR

 

6. 字符串类型转换

6.1 将字符串转换为数值

可以直接用强制转换。

如果是转换为浮点数,则为parseFloat(str)

如果转换为整数型,则为parseInt()

 

6.2 将字符串转换为数组

可以使用字符串的split(separate)方法将字符串分割为数组。

separate为筛选字符串。

比如 

1
2
var  str1= "I love FR" ;  
var  str2=str1.split( " " );




本文转自 雄霸天下啦 51CTO博客,原文链接:http://blog.51cto.com/10549520/1758801,如需转载请自行联系原作者
相关文章
|
10天前
|
JSON 自然语言处理 前端开发
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
108 72
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
|
4天前
|
关系型数据库 MySQL 数据库
基于Flink CDC 开发,支持Web-UI的实时KingBase 连接器,三大模式无缝切换,效率翻倍!
TIS 是一款基于Web-UI的开源大数据集成工具,通过与人大金仓Kingbase的深度整合,提供高效、灵活的实时数据集成方案。它支持增量数据监听和实时写入,兼容MySQL、PostgreSQL和Oracle模式,无需编写复杂脚本,操作简单直观,特别适合非专业开发人员使用。TIS率先实现了Kingbase CDC连接器的整合,成为业界首个开箱即用的Kingbase CDC数据同步解决方案,助力企业数字化转型。
42 5
基于Flink CDC 开发,支持Web-UI的实时KingBase 连接器,三大模式无缝切换,效率翻倍!
|
12天前
|
机器学习/深度学习 开发框架 API
Python 高级编程与实战:深入理解 Web 开发与 API 设计
在前几篇文章中,我们探讨了 Python 的基础语法、面向对象编程、函数式编程、元编程、性能优化、调试技巧以及数据科学和机器学习。本文将深入探讨 Python 在 Web 开发和 API 设计中的应用,并通过实战项目帮助你掌握这些技术。
|
2月前
|
JavaScript 数据挖掘 BI
WEB 版的报表工具有没有意义?
WEB 版的报表工具有没有意义?如果这个 web 版的报表工具指的是现在的自助报表,也就是 BI、多维分析,那它是有意义的, 而且各厂商们都已经做的挺好,可以让业务人员通过简单的拖拽进行各种数据分析,生成自己想要的报表。如果想把 WEB 制表功能扩大化,想让业务人员把所有报表任务都自己搞定,那就不切实际了,按这个愿望设计出来的工具也就没啥意义了。因为业务人员不可能搞的定中国式复杂报表。
|
4月前
|
存储 前端开发 JavaScript
如何在项目中高效地进行 Web 组件化开发
高效地进行 Web 组件化开发需要从多个方面入手,通过明确目标、合理规划、规范开发、加强测试等一系列措施,实现组件的高效管理和利用,从而提高项目的整体开发效率和质量,为用户提供更好的体验。
127 63
|
2月前
|
JavaScript 前端开发 开发者
JavaScript字符串的常用方法
在JavaScript中,字符串处理是一个非常常见的任务。JavaScript提供了丰富的字符串操作方法,使开发者能够高效地处理和操作字符串。本文将详细介绍JavaScript字符串的常用方法,并提供示例代码以便更好地理解和应用这些方法。
69 13
|
3月前
|
前端开发 安全 JavaScript
2025年,Web3开发学习路线全指南
本文提供了一条针对Dapp应用开发的学习路线,涵盖了Web3领域的重要技术栈,如区块链基础、以太坊技术、Solidity编程、智能合约开发及安全、web3.js和ethers.js库的使用、Truffle框架等。文章首先分析了国内区块链企业的技术需求,随后详细介绍了每个技术点的学习资源和方法,旨在帮助初学者系统地掌握Dapp开发所需的知识和技能。
2025年,Web3开发学习路线全指南
|
3月前
|
Web App开发 JavaScript 前端开发
Node.js开发
Node.js开发
90 13
|
4月前
|
存储 JavaScript 前端开发
深入浅出Node.js后端开发
在数字化时代的浪潮中,后端开发作为连接用户与数据的桥梁,扮演着至关重要的角色。本文将以Node.js为例,深入探讨其背后的哲学思想、核心特性以及在实际项目中的应用,旨在为读者揭示Node.js如何优雅地处理高并发请求,并通过实践案例加深理解。无论你是初学者还是有一定经验的开发者,这篇文章都将为你提供新的视角和思考。
|
4月前
|
Web App开发 开发框架 JavaScript
深入浅出Node.js后端开发
本文将带你领略Node.js的魅力,从基础概念到实践应用,一步步深入理解并掌握Node.js在后端开发中的运用。我们将通过实例学习如何搭建一个基本的Web服务,探讨Node.js的事件驱动和非阻塞I/O模型,以及如何利用其强大的生态系统进行高效的后端开发。无论你是前端开发者还是后端新手,这篇文章都会为你打开一扇通往全栈开发的大门。

热门文章

最新文章