15 个 JavaScript 代码示例及其 Dart 对应代码

开发 前端
做为 开发过React/React Native 的工程师,在刚开始接触Flutter 开发的时候,一定会遇到这种情况,对于某个功能你能很熟练使用特定Javascript语法去完成,但是对于Flutter 开发,对应的Dart的语法又是什么?

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

[[438526]]

1. JSON.stringify 和 JsonEncoder().convert

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

 

  1. JSON.stringify(yourObject) 

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

 

  1. import 'dart:convert'
  2.   
  3. JsonEncoder().convert(yourObject) 

 

2. JSON.parse和JsonDecoder().convert

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

 

  1. JSON.parse(yourJson) 

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

 

  1. import 'dart:convert'
  2.  
  3. JsonDecoder().convert(yourJson) 

 

3. array.push和list.add

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

 

  1. array.push('hello'

在 Dart 中,这样使用,

 

  1. list.add('hello'

4. array.splice和list.sublist

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

 

  1. array.splice(0, 1) 

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

 

  1. list.sublist(1, 3) 

5. array.splice和list.removeAt

array.splice与#4点一样

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

 

  1. list.removeAt(itemIndex) 

6. array.length > 0和list.isNotEmpty

检查数组是否为空

 

  1. array.length > 0 

Dart里,是这样

 

  1. list.isNotEmpty 

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

检查数组是否为空

 

  1. array.length === 0 

Dart里,是这样

 

  1. list.isEmpty 

8. parseInt和int.parse

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

 

  1. parseInt('123'

在Dart里,是这样

 

  1. int.parse('123'

9. parseFloat 和 double.parse

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

 

  1. parseFloat('1.23'

在Dart里,是这样

 

  1. double.parse('1.23'

10. array.some 和 list.any

在 JavaScript 中,array.some()方法测试数组中是不是至少有1个元素通过了被提供的函数测试。它返回的是一个Boolean类型的。

例如,如果想查看数组[1, 2, 3, 4, 5, 6, 7]是否有任何大于 5 的数字:

 

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

在Dart,是这样的,

 

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

11. array.findIndex和list.indexWhere

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

Dart用的是list.indexWhere,只是用法不一样

 

  1. var notes = ['do''re''mi''re']; 
  2. // JavaScript 
  3. notes.findIndex(x=>x.indexOf("r") > -1) // 1 
  4. // Dart 
  5. notes.indexWhere((note) => note.startsWith('r')); // 1 

 

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

 

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

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

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

 

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

 

13. toString

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

 

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

 

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

 

  1. // Dart 
  2. String test = 1.toString() // '1' 
  3. // JavaScript 
  4. 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:

 

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

 

Dart:

 

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

 

责任编辑:华轩 来源: 今日头条
相关推荐

2023-08-27 16:19:09

JavaScript编程语言

2013-09-09 09:50:27

代码语法工具

2023-10-12 15:02:21

PythonPandas数据分析

2023-11-09 16:13:00

TypeScript前端

2011-10-31 14:53:23

Dart

2022-11-28 23:44:26

JavaScript技巧程序员

2022-07-22 10:06:17

JavaScript代码

2023-11-27 16:11:14

Web 开发HTML

2023-09-03 16:46:09

Pandas工具

2023-02-15 16:19:59

JavaScript技巧API

2022-10-20 15:16:23

JavaScript数组技能

2021-05-26 08:50:37

JavaScript代码重构函数

2013-08-14 14:37:42

代码标准

2011-04-15 15:16:18

代码编程

2023-10-10 10:57:12

JavaScript代码优化

2017-10-24 14:48:34

微服务器示例教程

2011-08-15 09:47:49

PHP

2023-10-10 16:20:38

JavaScript代码技巧

2010-01-28 16:01:18

Android Jni

2020-09-26 21:50:26

JavaScript代码开发
点赞
收藏

51CTO技术栈公众号