js中那些方法不改变原来的数组对象

最新推荐文章于 2025-10-20 09:24:24 发布

原创最新推荐文章于 2025-10-20 09:24:24 发布 · 1.4w 阅读

7 ·

CC 4.0 BY-SA版权

本文详细介绍了JavaScript中的数组方法，包括map、concat、slice等，并解释了它们如何工作以及使用时的注意事项。

一、map方法

function fuzzyPlural(single) {
  var result = single.replace(/o/g, 'e');  
	//replace也不会修改原来数组的值，这里打印[foot,goose,moose,kangaroo]
	//alert(single);
//下面为新的数组添加了一个元素，但是我们看到在map的时候没有对添加的元素进行处理，所以map调用的结果还是没有变化：["feet", "geese", "meese", "kangareese"]
	//但是可以知道words结果已经变化了!
	//words[4]="metoo";
//虽然下面通过修改length为3将数组截断了，从而相当于删除了第四个元素，但是map方法并不会检测到这种变化，所以在map方法调用的结果数组长度还是为4,只是最后一个元素变成了空了!但是这种删除会影响外层的words，使得他的长度变成了3!
	//但是在具体的fuzzyPlural只会调用三次!(通过alert(single)就可以知道,因为这里已经把数组截断了，但是返回的数组长度还是4，一个为空!)
	words.length=3;
  if( single === 'kangaroo'){
    result += 'se';
  }		
  return result; 
}
var words = ["foot", "goose", "moose", "kangaroo"];
alert(words.map(fuzzyPlural));
//map方法不修改原数组的值，words经过map调用以后，还是没有发生变化!
alert(words);
// ["feet", "geese", "meese", "kangareese"]

note:map方法的调用不会修改原来的数组，同时从上面分析来说replace方法也不会改变原来调用的字符串!同时我们上面用到了把length减少来删除数组元素的方法，但是这种方法比较笨拙，只能从数组尾部删除数据，同时数组也有delete删除方法，但是这种方法的不当之处在于他会在原来的数组中留下空洞，也就是原来的对象只是变成了undefined，而不是真正的删除。于是我们建议用splice方法，第一个参数是开始删除的下标，第二个参数是要删除的个数!同时要注意parseInt方法parseInt("1",0);会变成1!

二、concat方法

var num1 = [1, 2, 3];
var num2 = [4, 5, 6];
var num3 = [7, 8, 9,"c"];
var nums = num1.concat(num2, num3);
//为老数组添加一个元素，看新数组是否会发生变化
//打印[1,2,3,4,5,6,7,8,9,c]
alert(nums);
num3[4]="xxxx";
//发现新数组没有发生变化
alert(nums);
//为num1添加一个元素
num1[3]="cccc"
//新数组也没有发生变化!
alert(nums);

note:对新数组的任何操作不会影响老数组，反之亦然!因为这个方法会创建当前数组的一个副本，然后将接受的参数添加到这个副本的末尾!所以互不影响!

三、slice方法

// 使用slice方法从myCar中创建一个newCar.
var myHonda = { color: "red", wheels: 4, engine: { cylinders: 4, size: 2.2 } };
var myCar = [myHonda, 2, "cherry condition", "purchased 1997"];
var newCar = myCar.slice(0, 2);
// 输出myCar, newCar,以及各自的myHonda对象引用的color属性.
print("myCar = " + myCar.toSource());
print("newCar = " + newCar.toSource());
print("myCar[0].color = " + myCar[0].color);
print("newCar[0].color = " + newCar[0].color);
// 改变myHonda对象的color属性.
myHonda.color = "purple";
print("The new color of my Honda is " + myHonda.color);
//输出myCar, newCar中各自的myHonda对象引用的color属性.
print("myCar[0].color = " + myCar[0].color);
print("newCar[0].color = " + newCar[0].color);

note:slice不会修改原来的数组，但是如果slice得到的结果数组包含了引用对象，那么如果修改原来的引用对象，那么除了原来的对象被修改以外，通过slice获取的结果的数组也会发生变化,这就是引用对象在slice中的表现!同时在上面的这篇博客里面我们要学到可以把类数组对象转化为数组对象有三种方法，Array.prototype.slice.call和[].slice.call，以及slice=Function.prototype.call.bind(Array.prototype.slice)然后通过slice(arguments)来完成!第三种用法还有一种去除两端空格的方法，a.map(Function.prototype.call,String.prototype.trim)

四、filter,forEach,some,every(只要有一个元素不满足就会终止循环)等