本文介绍了在JavaScript和TypeScript中如何删除对象属性（如`deleteobj.age`）和添加属性（如`obj.age=25`），以及注意事项，包括对原始对象的直接修改和使用扩展运算符创建新对象的方法。
摘要生成于
，由 DeepSeek-R1 满血版支持，
在上面的例子中，我们使用点号（`.`）语法和方括号（`[]`）语法向 `obj` 对象中添加了 `age` 和 `occupation` 属性。
需要注意的是，上述方法都会直接修改原始对象。如果想要创建一个新的对象并添加或删除属性，可以使用对象展开运算符（`...`）或对象解构赋值来实现。
希望以上信息能对你有所帮助！如果你还有其他问题，请随时提问。
1、准备
对象
数组
let cities = [
{ id: 1, chineseName: '合肥', englishName: 'Hefei', area: '11445.1 km²', population: '818.9 万'},
{ id: 2, chineseName: '南京', englishName: 'Nanjing', area: '6587.02 km²'},
2、
添加
属性
let findCity = cities.find(city => city.i
var a = { id: 18, age: 20, name: "zhagnsna", config: { sex: "nan" } };
const filterarr = ["id", "name"];
// 这里a是
对象
，里边是键值对，需要通过
对象
名[
属性
名] 找到其对应的值，
属性
名可以理解为特殊的下标
for (key in a) {
filterarr.find((item) => {
if (key === item) {
delete a[item];
删除
是
删除
对象
的
属性
没有任何剩菜剩下的唯一真正的方法
但它的工作比其“替代”设置慢100倍 object[key] = undefined
var myObject = {
"ircEvent": "PRIVMSG",
"method": "n...
Deleting Properties
The only way to actually remove a property from an object is to use thedelete operator;
setting the property to undefined or null only
remove the value associated
with the
极简 API：只有 5 个 API，简单上手，使用方便，不需要学习 Redux 里的各种概念。
React Hooks：拥抱 Hooks 的使用体验，同时也是基于 React Hooks 实现。
集成异步状态：记录异步 action 的执行状态，简化 view 组件中对于 loading 与 error 状态的渲染...
在 Vue.js 中，`$refs` 是一个特殊的
对象
，它允许你在组件实例挂载之后获取到由开发者指定的 DOM 元素。如果你
想
通过 `$refs` 设置组件的
属性
，可以按照以下步骤操作：
1. **在模板中使用 `ref`**：
在需要设置
属性
的元素上，
添加
一个 `ref`
属性
，并给它一个唯一的名称。例如，如果你有一个表单输入框：
```html
<input type="text" v-model="value" ref="inputField">
这里的 "inputField" 将作为 `$refs`
中的
对象
名。
2. **在 JavaScript 中访问 $refs**：
在你的组件的 Vue 实例方法中，你可以通过 `this.$refs` 访问这个元素：
```javascript
export default {
data() {
return {
value: '',
methods: {
setValue() {
this.$refs.inputField.value = 'Set by JS';
3. **设置
属性
**：
使用 `this.$refs.inputField` 作为目标
对象
，可以直接设置 DOM
属性
：
```javascript
this.setValue(); // 调用这个方法将会把输入框的值设为 "Set by JS"
请注意，`$refs` 只能在组件已经渲染到 DOM 后才能使用，否则它们将是 `undefined`。
计算属性是基于响应式数据进行计算得出的值。当计算属性所依赖的响应式数据发生改变时，计算属性会重新计算并返回新的值。
计算属性适合用于多个属性之间存在相互关系或需要复杂逻辑计算的场景。通过将复杂的计算逻辑封装在计算属性中，可以使代码更加清晰、可维护，并且能够自动地缓存计算结果，只在相关依赖发生改变时才重新计算。
当多个响应式属性都参与到计算属性中时，只要其中任何一个属性发生改变，计算属性就会重新计算。这意味着计算属性可以同时依赖多个属性，并根据这些属性的变化实时更新计算结果。
侦听属性：
侦听属性允许你监听一个或多个指定的属性，并在这些属性发生改变时执行特定的操作。
侦听属性适合用于需要对某个或某些属性的变化做出具体响应，例如发送网络请求、执行副作用等情况。与计算属性不同，侦听属性通常不返回一个新的值，而是在特定事件发生时触发相应的回调函数。
如果需要同时响应多个属性的变化，并且对每个变化做出不同的操作，可以在侦听器中针对不同的属性编写独立的逻辑。这样，在任何一个被侦听的属性发生改变时，对应的逻辑将会被触发执行。
从这些方面拓展实际应用去说才能达到面试回答的标准，拓展记忆一下吧
