js基础(六){数组 数组的方法 使用 length属性 对象的使用}

数组

装载一组数据的容器

数组的定义

方式1  字面量
语法:
    var arr = [];
方式2  构造函数
语法:
    var arr = new Array();
传参规则:
    当没有参数时, 定义的是一个空数组
    当参数只有一个并且是数字时,该数字表示数组的长度
    当参数有多个时,参数就是每一个成员
方式3 构造函数
语法:
    var arr = Array();
传参规则: 同上

数组的使用

存储数据
    数据是以一定的顺序存储在内部 每一个数据都有一个"序号" 这个序号叫做下标 或者 索引
    语法: 
        数组[下标] = xxx
访问数据
    语法:
        数组[下标] 
    当该代码单独出现,就表示要使用数据。就会去读取对应的数据。如果数据存在,就得到,如果不存在就读取不到,返回undefined。

数组的length属性

数组是一组数据,length属性表示这个数组中的内容的个数。简称数组的长度。
该长度是可读可写的属性。
当设置属性的时候,表示要修改该数组的长度。数组的长度会发生变化。
当读取时,会实时返回数组的当时的长度。

对象的使用

对象: 是一组k:v对的集合。
每一组k:v对,叫做对象的属性。 k表示对象的属性名,v表示对象的属性值。
每一组k:v对,使用逗号隔开,推荐一行一个k:v对
k最好符合变量的命名规范。 v是具体的数据。可以是任何数据。

定义对象:
方式一: 字面量 (推荐方式) ;
var obj = {};
方式二: 构造函数
var obj = new Object();
var obj = Object();

对象的属性操作:

读取属性:
方式1 点语法 obj.name
方式2 方括号语法 obj[“name”]
设置属性:
方式1 点语法 obj.xxx = xxx;
方式2 方括号语法 obj[“xxx”] = xxx;
删除属性

delete关键字 该关键字只能用来删除对象的属性 而不可以用来删除变量

对象的循环遍历

语法: for (var i in obj) {

}

注:obj.i 这种方式,真的是在读取 obj的 i 属性 而不是读取i变量所保存的值属性

方括号语法与点语法的区别

方括号语法:
    [] 之间是一个JS的执行环境,可以使用变量,表达式
    [] 最终需要的是一个字符串,如果不是字符串,会转为字符串(调用toString方法)
    [] 只要内容是字符串,不论是否符合变量命名规范,都可以成功
点语法:
    点语法,点什么,就是什么 
    点语法,必须符合变量的命名规范

其它知识点

Math.pow(x, y); 该方法用于计算x的y次方
Math.max();  该方法用于计算传递给max的所有参数中,最大的那个
Math.min();  该方法用于计算传递给min的所有参数中,最小的那个

小提示: 数组的循环与arguments的循环方式一致

数组的方法

push

作用: 向数组的末尾增加一个成员
返回值: 数组的长度
注:会改变原数组
// 定义数组
var arr = ["张三", "李四", "王五", "尼古拉斯赵四", "尼斯湖水怪"];
// 使用数组的方法 
var result = arr.push("西双版纳");
console.log(result); // 6
console.log(arr); // ["张三", "李四", "王五", "尼古拉斯赵四", "尼斯湖水怪", "西双版纳"]

pop

作用: 从数组的末尾移除一个成员 
返回值: 被移除的成员
注:会改变原数组
// 定义数组
var arr = ["张三", "李四", "王五", "尼古拉斯赵四", "尼斯湖水怪"];
// 使用数组的方法 
var result = arr.pop();
console.log(result); // 尼斯湖水怪
console.log(arr); // ["张三", "李四", "王五", "尼古拉斯赵四"]

unshift

作用:从数组的头部添加一个成员
返回值: 数组的长度
注:会改变原数组
// 定义数组
var arr = ["张三", "李四", "王五", "尼古拉斯赵四", "尼斯湖水怪"];
var result = arr.unshift("王二");  // 它的作用是给数组的头部增加一个新成员 并返回数组的长度
console.log(arr); // 王二  出现在数组的头部  
console.log(result);  // 改变之后 数组的新长度  6

shift

作用: 从数组的头部移除一个成员
返回值: 被移除的成员
注:会改变原数组
// 定义数组
var arr = ["张三", "李四", "王五", "尼古拉斯赵四", "尼斯湖水怪"];
var result = arr.shift(); // 它的作用是将数组的头部第一项移除 并返回
console.log(arr);  // 张三已经从数组中消失
console.log(result); // 被移除的成员 张三

concat

作用: 将两个数组拼接
返回值:新的拼合后的数组 
注:不会改变原数组
var arr = [1, 2, 3, 4];
var arr1 = arr.concat([5, 6, 7, 8]);
console.log(arr); // [1, 2, 3, 4]
console.log(arr1); // [1, 2, 3, 4, 5, 6, 7, 8]

sort

作用:将数组重新排序 
参数:函数
    接受一个函数作为参数 该函数有两个形参 分别代表数组内的两个数字 如果该函数的返回值为a - b  则数组从小到大排序
    如果该函数返回的是b - a 则数组从大到小排序 
返回值: 原数组
注:会改变原数组
var arr = [1, 9, 45, 55, 3, 67, 8, 101];
var arr1 = arr.sort(function(a, b) {
    return a - b;
});
console.log(arr);  // [1, 3, 8, 9, 45, 55, 67, 101]
console.log(arr1); // [1, 3, 8, 9, 45, 55, 67, 101]

slice

作用:截取数组中的一段内容  传递两个参数 一个参数 不传参数
特点: 必须要求第一个参数 比第二个参数 要小
       slice方法不会改变原数组 

splice

作用:用于修改数组 向数组中添加内容 删除数组成员
特点:第一个参数表示 从哪个下标位置开始删除 第二个参数表示删除几个 
     从第三个参数开始 表示要新增的项 从第一个参数所指定的位置开始
     返回值:新数组 内部的成员是从原数组中被移除的项 如果没有被移除的项就是空数组

join

作用:它可以以指定的内容作为连接符将数组转为字符串 参数就是连接符 可以不传递 默认为“,”

indexOf

作用:查询数组中的成员索引方法
它可以接受第二个参数 表示开始查询的位置 。

其它知识点

Math.random() 该方法返回一个随机数 [0 - 1)
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 可以使用reduce方法来实现。具体步骤如下: 1. 首先定义一个空对象作为reduce方法的初始值。 2. 遍历数组中的每个对象,将对象中的属性作为新对象的键,属性值作为新对象的值。 3. 如果新对象中已经存在该键,则将该键对应的值与当前属性值相加。 4. 最后返回新对象。 示例代码如下: ``` const arr = [ { name: 'apple', count: 2 }, { name: 'banana', count: 3 }, { name: 'apple', count: 1 }, { name: 'orange', count: 4 } ]; const result = arr.reduce((acc, cur) => { const { name, count } = cur; if (acc[name]) { acc[name] += count; } else { acc[name] = count; } return acc; }, {}); console.log(result); // { apple: 3, banana: 3, orange: 4 } ``` ### 回答2: JS方法数组对象将值相同的属性进行合并,可以通过遍历数组对象使用一个临时的对象来存储合并后的结果。 首先,我们需要定义一个空对象来存储合并后的结果,例如我们可以创建一个空对象`result`。 然后,我们遍历数组对象,取出每个数组对象属性值和对应的属性名。对于每个属性值,我们判断在`result`对象中是否已经存在。如果不存在,我们将该属性值作为键,属性名作为值,添加到`result`对象中。如果已经存在,说明这两个属性值相同,我们可以将属性名存储在一个数组中,然后将该数组作为值加入到`result`对象中。 最后,我们可以将`result`对象转换为数组形式来返回到我们的结果中。这可以通过使用`Object.values()`方法来完成。 下面是一个具体的例子: ```javascript function mergeProperty(arr) { var result = {}; for (var i = 0; i < arr.length; i++) { var obj = arr[i]; var keys = Object.keys(obj); for (var j = 0; j < keys.length; j++) { var key = keys[j]; var value = obj[key]; if (result[value]) { result[value].push(key); } else { result[value] = [key]; } } } return Object.values(result); } var arr = [{ name: 'Tom', age: 20 }, { name: 'Mary', age: 20 }, { name: 'John', age: 30 }]; var merged = mergeProperty(arr); console.log(merged); // 输出 [["name"], ["age", "age"]] ``` 以上代码将数组对象中值相同的属性进行了合并,返回了一个新的数组结果。在这个例子中,`name`属性的值为`Tom`和`Mary`,`age`属性的值为`20`。 希望以上回答对您有帮助,如果还有任何问题,请随时提问。 ### 回答3: 在JavaScript中,可以使用数组对象方法来将值相同的属性进行合并。首先,我们需要一个包含多个对象数组,每个对象都有一些相同的属性。我们可以使用reduce()方法来实现合并。 首先,我们定义一个示例数组对象: ``` var arr = [ { id: 1, name: 'A', age: 20 }, { id: 2, name: 'B', age: 25 }, { id: 3, name: 'C', age: 20 }, { id: 4, name: 'D', age: 30 }, { id: 5, name: 'E', age: 25 } ]; ``` 现在,我们想要将arr数组中相同age属性对象合并到一起。我们可以使用reduce()方法来遍历整个数组,并将相同age的对象合并到一个新的数组中: ``` var mergedArr = arr.reduce(function(result, obj){ // 在结果数组中查找是否有相同age的对象 var existingObj = result.find(function(item){ return item.age === obj.age; }); if (existingObj) { // 如果找到了相同age的对象,则将当前对象属性合并到已存在的对象上 existingObj.name += ',' + obj.name; } else { // 如果没有找到相同age的对象,则将当前对象添加到结果数组中 result.push(obj); } return result; }, []); ``` 现在,我们可以输出合并后的结果数组: ``` console.log(mergedArr); // => [ // { id: 1, name: 'A,C', age: 20 }, // { id: 2, name: 'B,E', age: 25 }, // { id: 4, name: 'D', age: 30 } // ] ``` 通过以上的代码,我们成功将arr数组中值相同的age属性进行了合并。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值