ES5新增 数组,字符串,对象方法

数组新增方法

迭代方法:forEach() map() filter() some() every()

forEach()

// array.forEach(function (currentValue, index, arr));
// currentValue:数组当前项的值
// index: 数组当前项的索引
// arr:数组对象本身
var arr = [1, 2, 3];
arr.forEach(function(value, index, array) {
   console.log(value); // 1, 2, 3
   console.log(index); // 0, 1, 2
   console.log(array); // [1, 2, 3] [1, 2, 3] [1, 2, 3]
});

filter()

// arr.filter(function (currentValue, index, array));
// filter() 方法创建了一个新数组,新数组中的元素是通过检查指定数组中符合条件的所有元素,主要用于筛选数组
// 它直接返回一个新的数组;
var newAarr = arr.filter(function (item, index) {
   return item > 1;
});
console.log(newArr);

some()

// arr.some(function (currentValue, index, array){})
// some方法用于检测数组中的元素是否满足条件;返回的是一个布尔值
// 如果找到第一个满足条件的元素,则终止循环,不在继续查找
var flag = arr.some(function (item) {
    return item === 1;
})
console.log(flag);

字符串新增方法

// trim() 会从一个字符串的两端删除空白返回一个新的字符串不影响原来的字符串
var str = ‘  andy  ‘;
var str1 = str.trim();
console.log(str1); // andy

对象方法

Object.keys()

// 用于获取对象自身的所有属性;效果类似于for in,返回一个由属性名组成的数组
var obj = {name: ‘zs‘, age: 23}
var arr = Object.keys(obj); // ["name", "age"]

Object.definePropetry()

// Object.definePropetry(obj, prop, descriptor);
// obj:必须 目标对象
// prop: 必须 需定义或修改的属性的名字
// descriptor: 必须 目标属性所拥有的特性 传入一个对象
// value: 设置属性值,默认是undefined
// writable:值是否可以被重写, 默认false 不可以
// enumerable: 目标属性是否可以被枚举, 默认fasle
// configurable:目标属性是否可以删除或是否可以再次修改特性,默认false
bject.defineProperty(obj, ‘age‘, {
  value: 24
});
Object.defineProperty(obj, ‘id‘, {
  value: 1,
  writable: false, // 不允许被修改
  enumerable: true
})
Object.defineProperty(obj, ‘address‘, {
  value: ‘china‘,
  writable: false,
  enumerable: true, // 是否可以被循环
  configurable: false, // 不允许删除这个属性
})
obj.id = 2;
delete obj.address;
console.log(Object.keys(obj));

原文地址:https://www.cnblogs.com/article-record/p/12676908.html

时间: 2024-11-06 17:23:38

ES5新增 数组,字符串,对象方法的相关文章

ES5新增数组方法every()、some()、filter()、map()

JavaScript ES5标准中新增了一些Array方法,如every().some().filter().map().它们的出现使我们能够更加便利地操作数组,但对IE9以下浏览器的兼容性比较差.下面来看一下它们的用法. //数组中的元素全部满足指定条件返回true //运行结果为false var checknum = [15,3,2,6,7,1,9,10]; var checkresult = checknum.every(function(item,index,array){ retur

ES5新增数组的方法 (indexof/forEach/map/filter)

新增的数组常见方法:以下说明中,红色为必选参数,蓝色为可选参数 1.indexOf(data,start); 用于返回某个数组或者字符串中规定字符或者字符串的位置: var arr = ["a","b","c","d","e"]; arr.indexOf("a"); //0 //返回当前查询字符所在的位置的下标,如果查询不到,返回-1,start表示从第几位开始查询. 2.forEach

ES5新增数组的方法

1.Array.indexof(value1,value2) Tip:用于返回某个数组或字符串中规定字符或者字符串的位置. (1)当Array.indexof(value1);里面只有一个值的时候,表示value1在arr数组里面的我们想要得到查找的值. var arr = [11,12,13,14,15,16,"hello",17]; var i = arr.indexOf(13);//表示13在数组中的索引 var a = arr[i];//在下面我们console.log我们可以

vue数组和对象方法

变异方法:会改变原始数组 push() pop() shift() unshift() splice() sort() reverse() 非变异方法:不会改变原始数组,但是会返回一个新数组 fliter() slice() concat() vue不能检测变动的数组 利用索引值直接设置内容时 vm.items[indexOfItem] = newValue: 修改数组的长度时 vm.items.length = newLength: //这种写法并不能实时检测到变化 var vm = new

数组常用对象方法

---恢复内容开始--- 1.push  在数组末尾添加一个或多个元素,并返回数组长度. 2,unshift  在数组前面添加一个或多个元素,并返回数组长度. 3,pop  删除最后一个元素,并返回删除的值. 4,shift  删除数组第一个元素,并返回被删除的元素. 5,slice  截取数组,得到新数组,不改变原数组. 语法:slice(start,end) 包含start,不包含end. 6,splice  向数组中 添加/删除 项目,返回删除项目,改变原数组. 语法:splice(1,2

字符串,数组和对象之间的方法和转换

一. 字符串概念及常用的API方法: 字符串:凡是用双引号或单引号引起来的字符都叫做字符串 创建3种 1.构造函数---->构造出来一个对象 var str = new String() var str = new String("我就是我,不一样的烟火,我看自己上火") console.log(str) 2.关键字 var str = String() 3.字面量 var str = ""; var str = ''; var str = String(&q

ES5 新增方法概述

ES5 新增方法概述 ES5 中给我们创建了一些方法,可以很方便的操作数组或者字符串,这些方法主要包括: 数组方法 字符串方法 对象方法 数组方法 迭代(遍历)方法:forEach().map().filter().some().every() array.forEach(function(currentValue,index,arr)) currentValue:数组当前项的值 index:数组当前项的索引 arr:数组对象本身 相似于 map() return 不会中止循环 rray.fil

js数组去重的方法

1.如果不借助任何方法,初级写法应该是: function unique(arr){ var res=[]; for(var i=0,len=arr.length;i<len;i++){ var obj = arr[i]; for(var j=0,jlen = res.length;j<jlen;j++){ if(res[j]===obj) break; } if(jlen===j)res.push(obj); } return res; } var arr=[1,1,'2','1',3,4]

javascript的String字符串对象

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title>typeof</title></head><body><script> //1.typeof只能判断基本数据类型 //(1)字符串