内容摘要：做为 开发过React/React Native 的工程师，在刚开始接触Flutter 开发的时候，一定会遇到这种情况，对于某个功能你能很熟练使用特定Javascript语法去完成，但是对于Flutt

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

1. JSON.stringify 和 JsonEncoder().convert

在 JavaScript 中，应代如果要将对象转换为 JSON 字符串，代t对可以使用：

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 中，代t对要添加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]; // JavaScript notes.findIndex(x=>x.indexOf("r") > -1) // 1 // Dart notes.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)