`
zhangyaochun
  • 浏览: 2613136 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

js性能优化之 Object/Array直接量

阅读更多

以前可能自己写的时候也有这个习惯,但是理论性的没有认真去中总结过。

 

简单记录,加深理解。

 

我们一定有场景去会创建对象或者数组,也有各种方法去实现。

但是最快最好的是什么? -----------使用直接量或者有的说的对象和数组字面量

 

 

1. 对象字面量

 

   -------创建新对象值的表示法。一个对象字面量就是包围在一对花括号中零或者多个“名/值”对。

 

var person ={
     name:"zhangyaochun",
     age: 24,
     job:webdesigner
};

 

2. 数组字面量

 

  -------创建新数组的表示法。一个数组字面量是在一对方括号中包围零个或多个用逗号分隔的值的表达式。

 

var type=[
     'string','number','function','object','array'
];

 

当然很多开始学习js的同学会想,我不是也能这样去做吗?

 

var people = {};
people.name = "zhangyaochun";
people.age = 24;
people.job = "webdesigner";


var type = [];
type[0]="string";
type[1]="number";
type[2]="function";
type[3]="object";
type[4]="array";

 功能上多能满足或者简单地去讲执行效果是一样的,但是效率上有很多的差别??

 

好处: 直接量有利于节省代码量,运行速度上在大数据量(对象属性多,数组元素多)上有差异(特例是ff上3.5好像两个差不多)

1
1
分享到:
评论

相关推荐

    JavaScript性能优化技巧分享共8页.pdf.zip

    本文将深入探讨JavaScript性能优化的若干关键技巧,帮助你提升应用的运行效率和用户体验。 1. **代码结构优化** - **减少DOM操作**:DOM(Document Object Model)操作是JavaScript性能的主要瓶颈之一。尽量通过...

    JS性能优化技巧

    JavaScript性能优化是提升网页加载速度和用户交互体验的关键。以下是一些实用的JS优化技巧: 1. **循环优化**: - 避免使用`for-in`循环,因为它们会遍历对象的所有属性,包括原型链上的属性,效率较低。推荐使用`...

    Extjs 性能优化 High Performance ExtJs

    本文旨在针对具有一定 JavaScript 基础(理解面向对象、继承、作用域等概念)并且熟悉 Extjs 框架(了解组件间继承关系)的开发者,提供一些关于如何对 Extjs 的前台架构进行性能优化的方法。 #### 二、缓存 缓存...

    Delphi7版本 - X-Superobject

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,因其简洁、易读和易于机器解析而被广泛应用。在 Delphi 7 中,由于内置的 JSON 支持有限,开发者往往需要依赖第三方库如 X-SuperObject 来处理 JSON...

    vue props default Array或是Object的正确写法说明

    错误的写法是直接返回一个对象字面量,因为这将导致所有组件实例共享同一引用: ```javascript // 错误的写法 demoObj: () => {} ``` 那么,为什么要在`props`中声明`type`和`default`呢? `type`属性用于指定`...

    js获取对象,数组所有属性键值(key)和对应值(value)的方法示例

    在JavaScript编程中,获取对象和数组的属性键值(key)和对应值(value)是一项基本操作。本文将详细介绍如何实现这一功能,并提供相应的代码示例。...同时,理解各种遍历方法的差异和性能特点也是优化代码性能的关键。

    big-array-literal.rar_We Work

    另一个文件,big-array-literal.js,很显然直接处理大数组字面量的实现和测试。 大数组字面量的挑战主要在于内存管理和性能。JavaScript引擎通常会在内存中连续分配数组的存储空间,但如果数组过大,可能导致内存...

    JavaScript执行效率优化及内存管理优化.docx

    JavaScript执行效率优化与内存管理是Web开发中的关键环节,它们直接影响到网页的性能和用户体验。下面将详细讨论这些优化策略。 1.1 DOM操作优化 1.1.1 使用DocumentFragment批量处理DOM 在大量添加DOM元素时,...

    JS深度拷贝Object Array实例分析

    为解决上述问题,开发者可以寻找一些现成的深度拷贝库,比如lodash的_.cloneDeep()方法,这些库已经封装好了深度拷贝的逻辑,并且考虑了各种边界情况和性能优化。 总之,JS深度拷贝是一种常见的编程技巧,特别是在...

    JavaScript 实现Array(数组)和Map

    Array(数组)是JavaScript中最基本的数据结构之一。在JavaScript中,数组可以容纳多种类型的元素,包括数字、字符串、对象等。JavaScript数组提供了丰富的内置方法,如push、pop、shift、unshift、slice、splice、...

    排序排序 array to object?? attachment

    标题中的“排序排序 array to object”暗示了这个话题可能涉及数组的排序以及将排序后的数组转换成对象。在IT行业中,排序是数据处理的基础操作,常见的排序算法有冒泡排序、选择排序、插入排序、快速排序、归并排序...

    用superobject读取中国天气网的JSON数据

    在实际应用中,你可能还需要处理错误,检查网络连接,优化性能,或者将数据存储到数据库或其他持久化存储中。同时,中国天气网的API可能有访问限制和授权要求,记得查阅相关文档以确保合法合规地使用。 通过这种...

    JS json随机广告 前端优化

    在前端开发中,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。在本场景中,JSON文件可能包含了广告的数据结构,如广告ID、图片URL、链接地址等信息...

    JavaScript脚本性能优化注意事项

    使用直接量也是性能优化的一部分。例如,在创建数组时,使用[1,2,3]的方式比使用new Array(1,2,3)更快,因为直接量是直接由引擎解释,而new Array()则需要调用构造函数。同样的道理,使用{}创建对象比new Object()要...

    javascript 拷贝节点cloneNode()使用介绍.docx

    - **JS深度拷贝Object/Array实例分析**:除了DOM节点外,JavaScript中还有许多其他类型的对象(如Object和Array),它们也可以进行深拷贝或浅拷贝。这些操作在处理复杂的数据结构时非常重要。 - **JavaScript数组深...

    javascript,js帮助文档

    15. **性能优化**:理解V8引擎的工作原理、避免全局查找、减少DOM操作、合理使用缓存等都是提升JS性能的关键。 这些只是JavaScript基础知识的一部分,深入学习JavaScript还需要了解更多的概念,如模块系统、异步...

    客户端js性能优化小技巧整理

    客户端JavaScript性能优化是提高网页应用响应速度和用户体验的关键。以下是一系列针对客户端JS性能优化的小技巧: 1. **循环优化**: - 避免使用`for-in`循环,因其需要查询对象的哈希键,效率较低。推荐使用`for...

    JS性能优化笔记搜索整理

    JavaScript性能优化是提升网页或应用运行效率的关键技术。以下是对标题和描述中提及的几点优化策略的详细说明: 1. **简洁的代码**:优化代码结构,如将`x = x + 1`简化为`x++`,减少不必要的运算。 2. **简洁的...

Global site tag (gtag.js) - Google Analytics