美文网首页高程js总结小tips
引用类型1(object、array)

引用类型1(object、array)

作者: balahoo | 来源:发表于2019-02-25 22:43 被阅读0次

引用类型描述的是一类对象具有的属性和方法。

Object类型

创建object实例的方式有两种:

使用new操作符 使用对象字面量

*在对象字面量中,使用逗号来分隔不同的属性。
*对象字面量也是向函数传递大量可选参数的首选方式:

传递带有多个属性的参数

访问对象属性的两种方式:
1.  person.name
2. person["name"]  优点:可以通过变量来访问属性。
    var propertyName = "name";
    person[propertyName];

Array类型

创建数组的方式
1. var colors = new Array();    (new操作符可以省略)
如果知道数组的长度,传递数量length:var colors = new Array(20);
创建包含三个字符串的数组:var colors = new Array("haha", "heihei", "xixi");

2.数组字面量方法:
var colors = ["red", "blue"];           //包含两个字符串的数组
var names = [];                            //空数组

读取和设置数组
var names = ["lqq", "haha","xixi"];
alert(names[0]);      //读取显示第一项lqq
names[1] = "lili";     //修改了第二项
names[4] = "zhifu"  //新增第四项

获取和设置

*数组的length属性可读也可设置:通过设置可以从数组的末尾删除或添加新项。
被移除的项和新增的项访问的话都为undefined。
利用length可以方便地在数组后面添加新项:
var numbers = [1,3,5,7];
numbers[numbers.length] = 6;
numbers[numbers.length] = 8;
//1,3,5,7,6,8

注意问题
var numbers = [1,3,5,7];
numbers[99] = 6;   //在99的位子添加6
alert(numbers.length);      //100;   4-98的位子都是undefined值

检测数组
方法: Array.isArray(value)   value:要检测的值

Array.isArray([1, 2, 3]); // true
Array.isArray(new Array());  // true
Array.isArray({foo: 123}); // false
Array.isArray(undefined); // false
用法:if (Array.isArray(value)) {
        //对数组执行某些操作
}

转换方法
*所有对象都具有toLocaleString()、toString()和valueOf()方法。
toString():返回以逗号分隔的字符串
valueOf():返回的还是数组

显式与隐式

join()方法:

join()方法

栈方法
*栈是一种(后进先出)的数据结构,就是最新添加的项最早被移除。
栈中项的插入(推入)和移除(弹出),只发生在栈的顶部。
push()pop()方法,来实现类似栈的行为.

pop()和push()

队列方法
*队列是一种(先进先出)的数据结构,队列在列表的末端添加项,从列表的前端移除项。
shift()移除数组中的第一项并返回被移除的项,同时将数组的长度减一。

shift()用法

unshift() :能在数组前端添加任意个项并返回新数组的长度。

unshift()和pop()结合使用

重排序方法
reverse():反转数组项的顺序

reverse()

reverse()不够灵活,才有了sort()方法:按升序排列数组,从小到大的顺序。
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/sort

操作方法
concat()
:先创建当前数组的一个副本,然后将接收到的参数添加到这个副本的末尾,返回新构建的数组。
未传参数:复制当前数组并返回该副本。

concat()

slice()基于当前数组中的一个或多个项创建一个新数组。

slice()

splice(): 始终返回一个数组
删除:splice(0,2)删除数组中的前两项。(两个参数,要删除的第一项的位置,和要删除的项数)
插入:(三个参数:起始位置,要删除的项数,要插入的项)
            splice(1,0,"red","hah","xixi");从当前数组的位置1开始插入字符串"red","hah","xixi"

替换:(三个参数:起始位置,要删除的项数,要插入的任意数量的项) 插入的项不必与删除的项数相等。splice(2,1,"red","hah","xixi")

位置方法
indexOf() 从开头向后找, lastIndexOf()从末尾向前找
   都接受2个参数(要查找的项 ,和查找起点位置的索引))
都返回要查找的项在数组中的位置。没有找到返回-1,(使用===来判断是否相等)

indexOf()和lastIndexOf()

迭代方法
接受两个参数:在每一项上运行的函数和(运行该函数的作用域对象-影响this的值)。   
第一个参数中的函数会接收三个参数(数组项的值该项在数组中的位置数组对象本身)。
every(): 对数组中的每一项运行给定的函数,if该函数对每一项都返回true,则返回true。
filter(): 对数组中的每一项运行给定的函数, 返回该函数会返回true的项组成的数组。
forEach(): 对数组中的每一项运行给定的函数,这个方法没有返回值。
map(): 对数组中的每一项运行给定的函数,返回每次函数调用的结果组成的数组。
some(): 对数组中的每一项运行给定的函数, 如果该函数对任一项返回true,则返回true。
以上都不会修改数组中的包含的值。
every()和some()相似:用于查询数组中的项是否满足条件。类似&&和||

迭代示例

归并方法
reduce():
从数组的第一项开始,逐个遍历到最后。
reduceRight():从数组的最后一项开始,逐个遍历到第一项。
接收两个参数:(在每一项上调用的函数,作为缩小基础的初始值(可选的))。
传给reduce和reduceRight的函数接收4个参数(前一个值,当前值,项的索引和数组对象)

reduce和reduceRight

相关文章

  • 引用类型与对象拷贝

    1.引用类型有哪些?非引用类型有哪些引用类型:Object / Array / Function / Date /...

  • 引用类型与对象拷贝

    1、引用类型有哪些?非引用类型有哪些 引用类型:Object、Array、Function、正则,将这些对象保存在...

  • 引用类型1(object、array)

    引用类型描述的是一类对象具有的属性和方法。 Object类型 创建object实例的方式有两种: *在对象字面量中...

  • 数组

    引用数据类型 引用数据类型object 对象数据类型{} 对象object[] 数组array/^$/ 正则Reg...

  • 引用类型之「对象/数组」

    # 引用类型种类 JS中引用类型有:(1) 对象:Object(2)数组:Array(3)日期:Date(4)正则...

  • 基本包装类型和引用类型

    引用类型包括:Object、Array、Date、RegExp、Function。特殊的引用类型():Boolea...

  • 引用类型与对象拷贝

    引用类型有哪些?非引用类型有哪些 引用类型:Object、Array、Date、RegExp、Function、M...

  • 系统学习 JavaScript 的笔记【7】

    引用类型 引用类型分为 object 类型 Array 类型,我个人觉得 Array 的重点能多一些,因此我主要总...

  • 引用类型----Object、Array

    什么是引用类型 引用类型是一种数据结构,用于将数据和功能组织一起,对象是引用类型的一个实例。 Object 创建方...

  • javascript 引用对象(绪论与Object)

    Object类型Array类型Date类型RegExp类型Function类型均为引用对象,有着共同的继承于引用对...

网友评论

    本文标题:引用类型1(object、array)

    本文链接:https://www.haomeiwen.com/subject/rijnyqtx.html