前端入门笔记06 —— js基础

JamSlade

已于 2023-01-09 22:24:48 修改

阅读量411

点赞数

分类专栏：前端文章标签： javascript 前端开发语言

于 2023-01-09 22:24:20 首次发布

本文链接：https://blog.csdn.net/JamSlade/article/details/128622272

版权

文章介绍了JavaScript中创建和操作对象的基本方法，包括对象字面量、属性访问、链式调用、动态属性、对象的可变性、删除属性、对象引用以及深拷贝。同时，讨论了类与内置对象的区别，以及数组的操作如插入、切片和转换。

摘要由CSDN通过智能技术生成

创建对象

// 对象字面值； key需要为字符串
let folder1 = {
   
    'size' : 2000,
    'name' : 'folder1',
    'subFile' : ['index.js'],
    'other object' : null
};
console.log(typeof folder1, folder1);

输出如下

object {
  size: 2000,
  name: 'folder1',
  subFile: [ 'index.js' ],
  'other object': null
}

// 合法标识符可以省略冒号
let folder2 = {
   
    size : 2000,
    name : 'folder2',
    subFiles : ['index.js'],
    'other object' : folder1
};

console.log(folder2.name, folder2.subFiles);
console.log(folder2['name'], folder2['subFiles']);
let a = 'subFiles';
console.log(folder2['na'+'me'], folder2[a]);
//三个输出等价 folder2 [ 'index.js' ]


//链式调用
console.log(folder2['other object'].subFile[0]);

若访问一个未定义对象，返回undefined

访问修改

可以随意修改

folder2.size = folder2.size + 100;

对象属性可变且可以增加新属性

folder2.NEWOBJECT = 'no';
folder2["new object"] = "yes"
console.log(folder2);

输出

{
   
  size: 2100,
  name: 'folder2',
  subFiles: [ 'index.js' ],     
  'other object': {
   
    size: 2000,
    name: 'folder2',
    subFile: [ 'index.js' ],    
    'other object': null        
  },
  NEWOBJECT: 'no',
  'new object': 'yes'
}