专业IT网络知识平台,分享IT百科知识、生活百科知识解答!

易企推科技
易企推科技

js代码大全,常用js代码代码示例

来源:小易整编  作者:小易  发布时间:2023-03-22 04:19
摘要:js代码大全,常用js代码代码示例做为开发过React/ReactNative的工程师,在刚开始接触Flutter开发的时候,一定会遇到这种情况,对于某个功能你能很熟练使用特定Javascript语法去完成,但是对于Flutter开发,对应...

js代码大全,常用js代码代码示例

js代码大全,常用js代码代码示例

做为 开发过React/React Native 的工程师,在刚开始接触Flutter 开发的时候,一定会遇到这种情况,对于某个功能你能很熟练使用特定Javascript语法去完成,但是对于Flutter 开发,对应的Dart的语法又是什么?往往要再翻开Dart文档去寻找对应的语法。在此分享15 个 JavaScript 代码示例及其 Dart 对应代码。

1. JSON.stringify 和 JsonEncoder().convert

在 JavaScript 中,如果要将对象转换为 JSON 字符串,可以使用:

 JSON.stringify(yourObject)

在 Dart 中,只需导入'dart:convert'即可使用:

 import 'dart:convert';    JsonEncoder().convert(yourObject)

2. JSON.parse和JsonDecoder().convert

在 JavaScript 中将 JSON 转换为对象,会使用以下代码:

 JSON.parse(yourJson)

在 Dart 中,只需导入'dart:convert'即可使用:

 import 'dart:convert';    JsonDecoder().convert(yourJson)

3. array.push和list.add

在 JavaScript 中,要添加'hello'到数组中,可以使用

 array.push('hello')

在 Dart 中,这样使用,

 list.add('hello')

4. array.splice和list.sublist

在 JavaScript 中,数组删除第一个元素(索引值为0)

 array.splice(0, 1)

在Dart中, 返回索引范围(1 和 3)内的新列表

 list.sublist(1, 3)

5. array.splice和list.removeAt

array.splice与#4点一样

在Dart中, 删除索引值为itemIndex的值

 list.removeAt(itemIndex)

6. array.length > 0和list.isNotEmpty

检查数组是否为空

 array.length > 0

Dart里,是这样

 list.isNotEmpty

7. array.length === 0和list.isEmpty

检查数组是否为空

 array.length === 0

Dart里,是这样

 list.isEmpty

8. parseInt和int.parse

在 JavaScript 中将字符串转换为整数,可以使用

 parseInt('123')

在Dart里,是这样

 int.parse('123')

9. parseFloat 和 double.parse

双精度浮点数的使用如下:

 parseFloat('1.23')

在Dart里,是这样

 double.parse('1.23')

10. array.some 和 list.any

在 JavaScript 中,array.some()方法测试数组中是不是至少有1个元素通过了被提供的函数测试。它返回的是一个Boolean类型的。例如,如果想查看数组[1, 2, 3, 4, 5, 6, 7]是否有任何大于 5 的数字:

 var some = array.some(x=>x > 5)

在Dart,是这样的,

 array.any((x)=>x > 5);

11. array.findIndex和list.indexWhere

Javascript的array.findIndex()方法返回数组中满足提供的测试函数的第一个元素的索引。若没有找到对应元素则返回-1。Dart用的是list.indexWhere,只是用法不一样

var notes = ['do', 're', 'mi', 're'];// JavaScriptnotes.findIndex(x=>x.indexOf("r") > -1) // 1// Dartnotes.indexWhere((note) => note.startsWith('r')); // 1

「Tip」 在 Dart 中,还可以在函数后面传递一个参数来提供起始索引。如下:

notes.indexWhere((note) => note.startsWith('r'), 2 ); // 3

12. array.indexOf() 和 list.indexOf()

在 JavaScript 和 Dart 中,indexOf是一种用于在数组或列表中查找索引位置的方法。没有则返回-1

var author = ['Edgar Allen Poe', 'JK Rowling', 'Ernest Hemingway'] author.indexOf('JK Rowling') // 1

13. toString

在 JavaScript 中,会使用toString()将另一种数据类型的值转换为字符串。它适用于整数、浮点数、布尔值、数组和对象。对于对象的话会得到以下结果:

var x = {id: 1}console.log(x.toString())=> '[object Object]'

但是两者会有一定的差别,如下:

// Dart String test = 1.toString() // '1' // JavaScript var x = 1.toString() // 未捕获的语法错误:无效或意外的标记

14. array.every 和 list.every

every() 方法测试一个数组内的所有元素是否都能通过某个指定函数的测试。它返回一个布尔值。用法与上面array.some 和 list.any相似

15. map, forEach, filter, find等

除了语法上的一些差异之外,上述所有方法都在 JavaScript 和 Dart 之间共享。当map用于test等于的数组时,请参见如下[1, 2, 3, 4, 5]。_Javascript:

 // 其他类似  test.map(x=>x*2)

Dart:

est.map((x)=>x*2)


本文地址:IT问答频道 https://www.hkm168.com/itwenda/936276.html,易企推百科一个免费的知识分享平台,本站部分文章来网络分享,本着互联网分享的精神,如有涉及到您的权益,请联系我们删除,谢谢!


IT问答
小编:小易整编
相关文章相关阅读
  • 总结CreateJS的详细介绍

    总结CreateJS的详细介绍

    CreateJS库是一款HTML5游戏开发的引擎,是一套可以构建丰富交互体验的HTML5游戏的开源工具包,旨在降低HTML5项目的开发难度和成本,让开发者以熟悉的方式打造更具现代感的网络交互体验。掌握了CreateJS可以更方便的完成HTM...

  • jsp文件怎么创建

    jsp文件怎么创建

    创建jsp文件的步骤:1、安装和配置java开发环境;2、安装和配置web服务器;3、创建jsp文件;4、编写jsp代码;5、部署和运行应用程序;6、调试和测试。详细介绍:1、安装和配置java开发环境,首先需要在计算机上安装jdk,可以从...

  • win7升级错误代码80072efe该怎么办win7升级错误代码80072efe解决...

    win7升级错误代码80072efe该怎么办win7升级错误代码80072efe解决方案

    win7客户在系统更新的过程中遇到了80072efe的报错,像这种状况要怎么办呢?你先清查网络问题,然后去微软官网下载代理,假如你用的是32位计算机就免费下载32位代理,安装下载完成后马上重启。假如再次出现升级不正确得话,你也就再去官方网站...

  • 修复:在 Xbox 应用上的 Halo Infinite(Campaign)安装错误...

    修复:在 Xbox 应用上的 Halo Infinite(Campaign)安装错误代码 0X80070032、0X80070424 或 0X80070005

    haloinfinite(campaign)是一款第一人称射击视频游戏,于2021年11月推出,可供单人和多用户使用。该游戏是halo系列的延续,适用于windows、xboxone和xbox系列的用户x|s。最近...

  • git怎么合并分支代码

    git怎么合并分支代码

    git合并分支代码的方法:1、使用“gitmerge”命令,该命令用来做分支合并,可以将其他分支中的内容合并到当前分支中。2、使用“gitrebase”命令,该命令用于改变当前的分支的基点,进而实现分支合并。本教程操作环境:Window...

  • JS怎么获取当前时间戳

    JS怎么获取当前时间戳

    js获取当前时间戳,可以通过date.now()方法来实现,返回自1970年1月1日00:00:00utc以来经过的毫秒数也就是当前时间戳。下面我们就结合具体的代码示例,给大家介绍JS怎么获取当前时间戳。代码示例如下:...

  • HTML代码如何格式化

    HTML代码如何格式化

    HTML代码可以通过sublime中的内置命令Reindent对代码格式化,还可以安装HTML-CSS-JSPrettify插件对代码格式化有时候我们将别人的代码复制过来的时候发现代码排列的非常杂乱无章,无法去阅读代码,今天就将和大家介绍...

  • 微信公众号错误代码10003怎么解决?

    微信公众号错误代码10003怎么解决?

    微信公众号错误代码10003解决的办法:首先登录微信公众号平台,点击【公众号设置--功能设置】,查看域名跟微信端访问的域名是否一致;然后在微擎后台公众号自定义菜单里修改微信端访问域名;最后确认修改即可。微信公众号错误代码10003解决的办法...

  • 周排行
  • 月排行
  • 年排行

精彩推荐