再来复习一下Javascript中关于数组和对象的常用方法

数组原有的方法:

ES5新增的处理数组的相关方法:

indexOf / lastIndexof

返回某个指定的字符串值在字符串中首次或最后一次出现的位置

every / some

检测数组的所有元素或者部分元素是否符合指定条件

filter

创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。不改变原数组

map

返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值,不改变原数组。

forEach

遍历数组的每个元素,并将元素传递给回调函数。适合于对数组进行全局遍历,无法使用 return/break 跳出循环

关于数组和对象的遍历

在对数组和对象进行遍历时,除了使用上面的 forEach 进行全局遍历以外,更常见的是根据特定情况跳出循环,此时就不能使用 forEach 了。

for key in obj(ES5)

用于循环对象所有可枚举的属性名称,包括原型属性。

如果只想遍历对象的实例属性,可以使用 obj.hasOwnProperty(key) 来判断是否为实例属性。

因为每次循环的 key 是字符串类型的索引值,因此 for-in 不适用于数组。

for value of arr(ES6)

用于循环可迭代对象的,包括 Array,Map,Set,String,TypedArray,类数组的对象。

是 ES6 新引入的循环,用于替代 for..in 和 forEach,并且支持新的迭代协议。

for of 不适用于遍历对象

for of 与 for in 不同处

  1. 与 for in 不同的是,for of 不能循环普通对象,但可以通过和 Object.keys() 搭配使用
  2. for of 不会将循环对象中自定义的属性内容循环出来
  3. for in 是遍历键名 (key),而 for of 是遍历键值(value)

原文地址:https://www.cnblogs.com/netWild/p/12549277.html

时间: 2024-07-30 00:30:24

再来复习一下Javascript中关于数组和对象的常用方法的相关文章

JavaScript中,数组和对象的遍历方法总结

循环遍历是写程序很频繁的操作,JavaScript 提供了很多方法来实现. 这篇文章将分别总结数组和对象的遍历方法,新手可以通过本文串联起学过的知识. 数组遍历 方法一:for 循环 for 循环是使用最多,也是性能优化最好的一种遍历方式. var arr = ["a", "b", "c"]; for (var i = 0; i < arr.length; i++) { console.log(arr[i]) } // a b c 同样常规

JavaScript中的数组的学习

JavaScript中的数组的学习 数组的长度可变,数组的长度等于所有元素索引+1 同一个数组中的元素类型可以互不相同 访问数组元素时不会产生数组越界,访问未被赋值的数组元素时该元素的值为undefined. <!DOCTYPE html> <html> <head> <script type="text/javascript"> var a = [3,5,23]; var b=[]; var c = new Array(); b[0]

JavaScript中的数组详解

JavaScript中的数组 一.数组的定义 数组是值的有序集合,或者说数组都是数据的有序列表. 二.创建数组 [字面量形式] 1.空数组 var arr=[]; 2.带有元素的数组 var arr=[1,2,3,1,2]; 3.数组值可以是任意类型 var arr=[1,2.3,'foodoir',true,null,undefined,[1,2,3],{name:'foodoir',age:21}]; 注意: 1.数组字面量中的值不一定是常量,它们可以是任意表达式: 2.它可以包含对象字面量

javascript中的数组扩展(一)

 javascript中的数组扩展(一) 随着学习的深入,发现需要学习的关于数组的内容也越来越多,后面将会慢慢归纳,有的是对前面的强化,有些则是关于前面的补充. 一.数组的本质    数组是按照次序排列的一组值,本质上,数组是一种特殊的对象            console.log(typeof[1,2,3]);//object    数组是对象但是对象不是数组            var arr = ['a','b','c','d','e'];            console.lo

前端开发:Javascript中的数组,常用方法解析

前端开发:Javascript中的数组,常用方法解析 前言 Array是Javascript构成的一个重要的部分,它可以用来存储字符串.对象.函数.Number,它是非常强大的.因此深入了解Array是前端必修的功课.周五啦,博主的心又开始澎湃了,明儿个周末有木有,又可以愉快的玩耍了. 创建数组 创建数组的基本方式有两种,一种字面量,另一种使用构造函数创建: var arr = [1,2,3]; //字面量的形式创建数组 值与值之间用英文逗号隔开 var arr1 = new Array(1,2

JavaScript中的数组创建

JavaScript中的数组创建 数组是一个包含了对象或原始类型的有序集合.很难想象一个不使用数组的程序会是什么样. 以下是几种操作数组的方式: 初始化数组并设置初始值 通过索引访问数组元素 添加新元素 删除现有元素 本文涵盖了数组的初始化以及设置初始值的操作.在JavaScript中要做到这一点的基本方法是使用数组字面量,例如[1, 5, 8]或是数组构造器new Array (1, 5, 8). 除了手动枚举之外,JavaScript还提供了更有趣更直接的数组创建方式.让我一起看看在Java

JavaScript中对数组和数组API的认识

JavaScript中对数组和数组API的认识 一.数组概念: 数组是JavaScript中的一类特殊的对象,用一对中括号“[]”表示,用来在单个的变量中存储多个值.在数组中,每个值都有一个对应的不重复的索引值.自动匹配索引值的数组称为索引数组,自定义索引值的数组称为关联数组(又叫哈希数组).以下均研究索引数组. 二.创建数组: 使用数组之前首先都要先创建并赋值给一个变量,创建数组有两种不同的方法. 1.调用构造函数Array()创建数组,索引数组索引值都从0开始 eg:var arr=New

javascript中遇到的字符串对象处理

在javascript中对参数处理: 1 <script> 2 function getParam() 3 { 4 urlInfo=window.location.href; //获取当前页面的url 5 intLen=urlInfo.length; //获取url的长度 6 offset=urlInfo.indexOf("?"); //设置参数字符串开始的位置 7 strKeyValue=urlinfo.substr(offset,len); //取出参数字符串 这里会获

了解 JavaScript 中的内置对象

所有编程语言都具有内部(或内置的)对象来创建 语言的基本功能.内部对象是 您编写自定义代码所用语言的基础, 该代码基于您的想象实现自定义功能.JavaScript 有许多 将其定义为语言的内部对象.本文介绍了一些 最常用的对象,并简要介绍了它们 有哪些功能以及如何使用这些功能. Number JavaScript Number 对象是 一个数值包装器.您可以将其与 new 关键词结合使用,并将其设置为一个稍后要在 JavaScript 代码中使用的变量: var myNumber = new N