会员登录 - 用户注册 - 设为首页 - 加入收藏 - 网站地图 15 个 JavaScript 代码示例及其 Dart 对应代码!

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

时间:2025-11-05 16:04:27 来源:益强数据堂 作者:人工智能 阅读:735次

 做为 开发过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,只是WordPress模板用法不一样

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) 

(责任编辑:人工智能)

上一篇:Nginx (engine-x)是一个开源的高性能 HTTP 服务器、反向代理和 IMAP/POP3 代理服务器。nginx 杰出的功能有:稳定、丰富的功能集、简单的配置和低资源消耗。nginx 被用于一些高性能网站并在站长之间变得越来越流行。本教程会从源码构建一个带有 google paespeed 模块的用于 Ubuntu 15.04 的 nginx .deb 安装包。pagespeed 是一个由 google 开发的 web 服务器模块来加速网站响应时间、优化 html 和减少页面加载时间。ngx_pagespeed 的功能如下: 图像优化:去除元数据、动态缩放、重压缩。 CSS 与 JavaScript 压缩、串联、内联、外联。 小资源内联 图像与 JavaScript 延迟加载 HTML 重写 缓存生命期插件前置要求 Ubuntu Server 15.04 64位 root 权限该文我们将要: 安装必备软件包 安装带 ngx_pagespeed 的 nginx 测试安装必备包复制代码代码如下:sudo apt-get install dpkg-dev build-essential zlib1g-dev libpcre3 libpcre3-dev安装带 ngx_pagespeed 的 nginx第一步 - 添加nginx仓库复制代码代码如下: vim /etc/apt/sources.list.d/nginx.list加入下面的行:复制代码代码如下:deb http://nginx.org/packages/ubuntu/ trusty nginx deb-src http://nginx.org/packages/ubuntu/ trusty nginx更新仓库:复制代码代码如下:sudo apt-get update注意:假如你看到信息:GPG error [...] NO_PUBKEY [...] 等等请添加key:复制代码代码如下:sudo sudo apt-key adv --keyserver keyserver.ubuntu.com --recv-keys KEYNUMBER sudo apt-get update第二步 - 从仓库下载 nginx 1.8复制代码代码如下: sudo su cd ~ mkdir -p ~/new/nginx_source/ cd ~/new/nginx_source/ apt-get source nginx apt-get build-dep nginx第三步 - 下载 Pagespeed复制代码代码如下:cd ~ mkdir -p ~/new/ngx_pagespeed/ cd ~/new/ngx_pagespeed/ ngx_version=1.9.32.3 wget https://github.com/pagespeed/ngx_pagespeed/archive/release-${ngx_version}-beta.zip unzip release-${ngx_version}-beta.zip cd ngx_pagespeed-release-1.9.32.3-beta/ wget https://dl.google.com/dl/page-speed/psol/${ngx_version}.tar.gz tar -xzf 1.9.32.3.tar.gz第四步 - 配置 nginx 来编译 Pagespeed复制代码代码如下:cd ~/new/nginx_source/nginx-1.8.0/debin/ vim rules在两处 CFLAGS .configure 下添加模块: --add-module=../../ngx_pagespeed/ngx_pagespeed-release-1.9.32.3-beta adding pagespeed to nginx adding pagespeed to nginx  第五步 - 打包 nginx 软件包并安装复制代码代码如下:cd ~/new/nginx_source/nginx-1.8.0/ dpkg-buildpackage -bdpkg-buildpackage 会编译 ~/new/ngix_source/ 为 nginx.deb。打包完成后,看一下目录:复制代码代码如下:cd ~/new/ngix_source/ ls nginx builded with pagespeed    接着安装 nginx。复制代码代码如下:dpkg -i nginx_1.8.0-1~trusty_amd64.deb    测试运行 nginx -V 测试 nginx 是否已经自带 ngx_pagespeed。复制代码代码如下:nginx -V   总结稳定、快速、开源的 nginx 支持许多不同的优化模块。这其中之一是 google 开发的‘pagespeed’。不像 apache,nginx 模块不是动态加载的,因此你必须在编译之前就选择好需要的模块。
下一篇:探索IntelE6500(揭开IntelE6500的性能潜力与卓越特性)
推荐内容
  • 二手手机质量究竟如何?(详细分析二手手机的优势与风险)
  • 嵌入式算法之空间向量夹角公式及其应用
  • 设计模式系列—适配器模式
  • 如何通过Simulink实现数据滚动刷新
  • i74700处理器的强大性能与特点(探索i74700处理器的先进技术与优势)
  • 适用于应用开发的十大优秀Java IDE