当前位置：首页 > news >正文

前端——js数组和对象

news 2025/5/5 1:49:49

一、数组

1.创建数组

创建空数组

let arr=[];

通过数组方法创建数组

let arr = Array('美女', 520);

console.log(arr);

数组可以存储多种数据，每个数据之间用逗号隔开

let arr1 = [1, '你好', '帅哥'];

console.log(arr1);

获取数组长度通过数组名.length，且可动态修改

let num = [1, 2, 3, 4, 5, 6, 7, 8];

//现在这个数组长度为 8 可以动态修改

console.log(num.length);//8

num.length = 5; //获取这个数组长度并且给这个长度赋值为5

console.log(num);//array(5)

2.获取数组

根据索引获取想要的数据

// 获取当前数组的红色并且打印出来

let arr2 = ['红色', '绿色', '蓝色'];

// 获取数组项数组名[下标序号]

console.log(arr2[0]);// 红色

// 取数据序号是从0开始的

// 当前这个数组最大的下标为2 取4的下标

console.log(arr2[4]);// 返回一个 undefined

3.数组的修改

let Arr = ['我', '想和', '你', '一起看电影'];

// 把你修改为小可爱

//console.log( Arr[2]);

Arr[2] = '小可爱';

console.log(Arr)；

4.数组的增加

在原来的数组里面添加一个新的数组项

1.直接添加

let Arr = ['我', '想和', '你', '一起看电影'];

//给下标为4的数组项去赋值如果该数组项不存在那就新增

Arr[4] = '然后在一起吃个烧烤';

console.log(Arr);

2.push()——以在原数组的后面添加新的数组项

let array=[1,2,33,44,55];

array.push('明天就星期六','马上就放假');

console.log(array);

3.unshift()——在数组前面添加

let zoo=['大象','老虎','狮子'];

// console.log(zoo);

zoo.unshift('猴子','熊猫','长颈鹿');

console.log(zoo);

5.数组的删除

1.pop()——删除数组最后一个数组项的值，返回你当前需要删除

let phone=['华为','小米','vivo','oppo','苹果'];

console.log(phone.pop());// 返回数组里面最后一个值苹果

console.log(phone);// 没有苹果项的新数组

2.shift()——删除最前面的数组项

let phone=['华为','小米','vivo','oppo','苹果'];

console.log(phone.shift());

console.log(phone);

6.万能方法增删改——splice

let newArr=[1,2,3,45,6];

newArr.splice(1,3,'帅哥');

/*

第一个值: 从数组第几项开始删除

第二个值: 裁剪数组个数

第三个值: 添加进去新数组项

*/

console.log(newArr);// [1, '帅哥', 6]

7.slice()——裁剪数组

let num=['西瓜','香蕉','苹果','芒果'];

// console.log(num);

// console.log(num.slice(2));

// 从下标为2 开始裁剪

// 返回数组下标从0 开始到下标为3的数组项 (不包含3的下标)

console.log(num.slice(0,3));

8.将数组转为字符串类型

>返回字符串结果

1.toString(）

let num1=[1,2,3];

// console.log(typeof num1);

let str=num1.toString();

console.log(typeof str);

2.join()

let arr=[11,22,33,44,55];

// console.log(arr.join());//返回的是字符串 11,22,33,44,55

// 给括号里面写个单引号那就连成一句话相当于把逗号去掉了

console.log(arr.join(''));

// 中间写什么符号那就用什么隔开

console.log(arr.join('-'));

9.数组排序

1.reverse()

let num2=[1,2,3,4,5,6,7,8,9];

// console.log(num2);

// reverse 将数组的位置进行颠倒会改变原数组

num2.reverse();

console.log(num2);

2.sort()

let arr1=[3,2,5,6,7,8,1,55,33];

// 放入函数从小到大升序

// arr1.sort(function(a,b){

// return a-b;

// })

// console.log(arr1);

// 降序从大到小

arr1.sort(function(a,b){

return b - a;

})

console.log(arr1);

二、对象

什么是对象？

任何具体的事物都可以看成对象有自己特征和行为

1.定义对象

>obj 来接收对象例子: let 变量名={};

let obj = {

//属性:属性值

name: '落落',

// 数据和数据之间要用逗号隔开

breed: '银渐层',

age: '1岁',

like: ['猫条', '小鱼仔', '鸡胸肉']

}

console.log(obj, typeof obj);

2.属性值操作

1.获取对象中的属性值

//1. .属性操作

console.log(obj.name);

// 2.使用大括号方法取值 []

// console.log(obj[age]);

// 注意使用括号取值属性名不加引号会优先识别为变量如果当前对象没有这个变量那就会报错

console.log(obj['age']);

2.增加属性值