JavaScript高级程序设计--对象,数组(栈方法,队列方法,重排序方法,迭代方法)

简介:
1.使用对象字面量定义对象
var person={};
使用这种方式创建对象时,实际上不会调用Object构造函数
开发人员更喜欢对象字面量的语法。
 
2.有时候需要传递大量可选参数的情形时,一般来讲使用对象字面量来封装多个可选参数。
 
3.对象属性的点表示法与方括号表示法的区别
(1)功能上:两者没区别
 
(2)但是方括号的有点是可以通过变量来访问属性
例如:
    var person={
    name:"Nic"
}
点表示法:person.name
方括号表示法:var prop=“name”;
                        person[prop]
 
(3)还有一个优点是:
如果属性名中包含会导致语法错误的字符或者关键字,保留字时候,使用方括号不会错
例如:person["first name"]="OK";
 
(4)通常,建议使用点表示法
 
 
4.创建数组的问题
var colors=[1,2,]    //不要这样。这样会创建一个包含2个或3个项的数组
var opy=[,,,,,]    //不要这样。这样会创建一个包含5个或6个项的数组
这是因为IE8及之前的版本在实现数组字面量方面有bug
 
使用字面量创建数组时,不会调用Array构造函数。
 
5.如果设置某个值的索引超过了数组现有项数。
如:var color=[1,2,3]
color[3]时,数组会自动增加到该索引值加1的长度
这时,color[3]的值就是undefined
 
6.数组的length不只是只读的。通过设置length该属性,可以不断向数组末尾添加新项。
 
7.数组转换成字符串 toString() join()
array.toString()    //返回以逗号分隔的字符串
array.valueOf()    //返回的还是数组
array.join(",")    //也可以
 

 

8.数组的栈方法 push() pop() 
栈是一种数据结构,也就是最新添加的项最早被移除(后进先出)。而栈中项的插入和移除,只发生在一个位置--栈的顶部。
ECMAScript提供了push()与pop()方法来实现这种栈。
push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。
pop() 方法用于删除并返回数组的最后一个元素。
例子:
var arr=[];
var count=arr.push('a','b');    //count=2
arr.push('c');
var item=arr.pop();    //移除最后一项 c  item=c 并且改变数组长度

 

9.队列方法 shift() unshift() 
队列数据的访问规则是先进先出
ECMAScript提供了shift()来实现。
shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。
unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。
 
10.重排序方法 sort() reverse()
ECMAScript提供了sort()与reverse()来实现。
sort()会调用每个数组项的tostring()方法,比较得到的字符串来排序。
 
 
11.数组的拼接 concat()

concat() 方法用于连接两个或多个数组。

该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。

 

12.slice() 方法可从已有的数组中返回选定的元素。
 
13.位置方法:indexOf()与lastIndexOf()
 
14.迭代方法
ECMAScript5定义了下列5种方法,该5种方法都接收三个参数:数组项的值,该项在数组中的位置,数组对象本身                                        
every(),filter(),forEach(),map(),some()
例子:
复制代码
var num=[1,2,3,4];
 
var res=num.every(function(item,index,array){
    return (item>2)
})    //false    必须每一项都大于2,才返回true
 
var res=num.some(function(item,index,array){
    return (item>2)
})    //true  只要有一个大于2,就返回true
 
var res=num.filter(function(item,index,array){
    return (item>2)
})    //[3,4]     
var res=num.forEach(function(item,index,array){
    return (item>2)
})    //[1,4,9,16]   
复制代码

 转载:http://www.cnblogs.com/zqzjs/p/5008628.html

目录
相关文章
|
JavaScript 前端开发
如何在 JavaScript 中使用 __proto__ 实现对象的继承?
使用`__proto__`实现对象继承时需要注意原型链的完整性和属性方法的正确继承,避免出现意外的行为和错误。同时,在现代JavaScript中,也可以使用`class`和`extends`关键字来实现更简洁和直观的继承语法,但理解基于`__proto__`的继承方式对于深入理解JavaScript的面向对象编程和原型链机制仍然具有重要意义。
|
Web App开发 JavaScript 前端开发
如何确保 Math 对象的方法在不同的 JavaScript 环境中具有一致的精度?
【10月更文挑战第29天】通过遵循标准和最佳实践、采用固定精度计算、进行全面的测试与验证、避免隐式类型转换以及持续关注和更新等方法,可以在很大程度上确保Math对象的方法在不同的JavaScript环境中具有一致的精度,从而提高代码的可靠性和可移植性。
|
11月前
|
编解码 JavaScript 前端开发
【Java进阶】详解JavaScript的BOM(浏览器对象模型)
总的来说,BOM提供了一种方式来与浏览器进行交互。通过BOM,你可以操作窗口、获取URL、操作历史、访问HTML文档、获取浏览器信息和屏幕信息等。虽然BOM并没有正式的标准,但大多数现代浏览器都实现了相似的功能,因此,你可以放心地在你的JavaScript代码中使用BOM。
337 23
|
JSON 前端开发 JavaScript
JavaScript中对象的数据拷贝
本文介绍了JavaScript中对象数据拷贝的问题及解决方案。作者首先解释了对象赋值时地址共享导致的值同步变化现象,随后提供了五种解决方法:手动复制、`Object.assign`、扩展运算符、`JSON.stringify`与`JSON.parse`组合以及自定义深拷贝函数。每种方法都有其适用场景和局限性,文章最后鼓励读者关注作者以获取更多前端知识分享。
255 1
JavaScript中对象的数据拷贝
|
JavaScript 前端开发
JS将两个数组和合并成数组包对象格式的方法
JS将两个数组和合并成数组包对象格式的方法
299 0
|
JavaScript 前端开发
js中数组对象去重的方法
js中数组对象去重的方法
177 0
|
存储 JavaScript 前端开发
【面试题】JS的14种去重方法,看看你知道多少(包含数组对象去重)
【面试题】JS的14种去重方法,看看你知道多少(包含数组对象去重)
336 0
|
JavaScript 前端开发 索引
JS遍历数组里数组下的对象,根据数组中对象的某些值,组合成新的数组对象
这篇文章介绍了如何在JavaScript中遍历数组里数组下的对象,并根据对象的某些属性值组合成一个新的数组对象。主要内容包括使用ES6的`for...of`循环来遍历数组对象,然后根据需要提取对象中的属性值,并将它们放入新的对象中,最终形成一个新的对象数组以供使用。
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
237 1
|
存储 JavaScript 前端开发
JavaScript Array(数组) 对象
JavaScript Array(数组) 对象
156 3