Objects in javascript exercises

Содержание

Objects in javascript exercises
The Reading List
JavaScript Object — Exercises, Practice, Solution
JavaScript: Tips of the Day
10 Javascript задач с объектами

Objects in javascript exercises

Never forget another recipe!

Create an object to hold information on your favorite recipe. It should have properties for title (a string), servings (a number), and ingredients (an array of strings).
On separate lines (one console.log statement for each), log the recipe information so it looks like:
- Mole
- Serves: 2
- Ingredients:
- cinnamon
- cumin
- cocoa
var recipe = < 'title': 'Mole', 'servings': 2, 'ingredients': ['cumin', 'cinnamon', 'cocoa'] >; console.log(recipe.title); console.log(‘Servings: ‘ + recipe.servings); console.log(‘Ingredients:’); for (var i = 0; i

The Reading List

Keep track of which books you read and which books you want to read!
- Create an array of objects, where each object describes a book and has properties for the title (a string), author (a string), and alreadyRead (a boolean indicating if you read it yet).
- Iterate through the array of books. For each book, log the book title and book author like so: «The Hobbit by J.R.R. Tolkien».
- Now use an if/else statement to change the output depending on whether you read it yet or not. If you read it, log a string like ‘You already read «The Hobbit» by J.R.R. Tolkien’, and if not, log a string like ‘You still need to read «The Lord of the Rings» by J.R.R. Tolkien.’
```
var books = [ , ]; for (var i = 0; i < books.length; i++) < var book = books[i]; var bookInfo = book.title + '" by ' + book.author; if (book.alreadyRead) < console.log('You already read "' + bookInfo); >else < console.log('You still need to read "' + bookInfo); >>
```
Источник

JavaScript Object — Exercises, Practice, Solution

1. Write a JavaScript program to list the properties of a JavaScript object.
Sample object:
var student = <
name : «David Rayy»,
sclass : «VI»,
rollno : 12 >;
Sample Output: name,sclass,rollno
Click me to see the solution

2. Write a JavaScript program to delete the rollno property from the following object. Also print the object before or after deleting the property.
Sample object:
var student = <
name : «David Rayy»,
sclass : «VI»,
rollno : 12 >;
Click me to see the solution

3. Write a JavaScript program to get the length of a JavaScript object.
Sample object :
var student = <
name : «David Rayy»,
sclass : «VI»,
rollno : 12 >;
Click me to see the solution

4. Write a JavaScript program to display the reading status (i.e. display book name, author name and reading status) of the following books.

5. Write a JavaScript program to get the volume of a cylindrical with four decimal places using object classes.
Volume of a cylinder : V = πr 2 h
where r is the radius and h is the height of the cylinder.
Click me to see the solution

6. Write a bubble sort algorithm in JavaScript.
Note : Bubble sort is a simple sorting algorithm that works by repeatedly stepping through the list to be sorted,
Sample Data: [6,4,0, 3,-2,1]
Expected Output : [-2, 0, 1, 3, 4, 6]
Click me to see the solution

7. Write a JavaScript program that returns a subset of a string.
Sample Data: dog
Expected Output: [«d», «do», «dog», «o», «og», «g»]
Click me to see the solution

8. Write a JavaScript program to create a clock.
Note: The output will come every second.
Expected Console Output :
«14:37:42»
«14:37:43»
«14:37:44»
«14:37:45»
«14:37:46»
«14:37:47»
Click me to see the solution

9. Write a JavaScript program to calculate circle area and perimeter.
Note : Create two methods to calculate the area and perimeter. The radius of the circle will be supplied by the user.
Click me to see the solution

10. Write a JavaScript program to sort an array of JavaScript objects.
Sample Object :
```
[[object Object] < author: "Walter Isaacson", libraryID: 4264, title: "Steve Jobs" >, [object Object] < author: "Suzanne Collins", libraryID: 3245, title: "Mockingjay: The Final Book of The Hunger Games" >, [object Object] < author: "The Road Ahead", libraryID: 1254, title: "Bill Gates" >]
```
11. Write a JavaScript function to print all the methods in a JavaScript object.
Test Data :
console.log(all_properties(Array));
[«length», «name», «arguments», «caller», «prototype», «isArray», «observe», «unobserve»]
Click me to see the solution

12. Write a JavaScript function to parse an URL.
Click me to see the solution

13. Write a JavaScript function to retrieve all the names of an object’s own and inherited properties.
Click me to see the solution

14. Write a JavaScript function to retrieve all the values of an object’s properties.
Click me to see the solution

15. Write a JavaScript function to convert an object into a list of `Objects in javascript exercises` pairs.
Click me to see the solution

16. Write a JavaScript function to get a copy of the object where the keys become the values and the values are the keys.
Click me to see the solution

17. Write a JavaScript function to check whether an object contains a given property.
Click me to see the solution

18. Write a JavaScript function to check whether a given value is a DOM element.
Click me to see the solution

More to Come !

* To run the code mouse over on Result panel and click on ‘RERUN’ button. *

Do not submit any solution of the above exercises at here, if you want to contribute go to the appropriate exercise page.

Follow us on Facebook and Twitter for latest update.

JavaScript: Tips of the Day

How can I check for an empty/undefined/null string in JavaScript?

If you just want to check whether there’s any value, you can do

If you need to check specifically for an empty string over null, I would think checking against «» is your best bet, using the === operator (so that you know that it is, in fact, a string you’re comparing against).
- Weekly Trends
- Java Basic Programming Exercises
- SQL Subqueries
- Adventureworks Database Exercises
- C# Sharp Basic Exercises
- SQL COUNT() with distinct
- JavaScript String Exercises
- JavaScript HTML Form Validation
- Java Collection Exercises
- SQL COUNT() function
- SQL Inner Join
- JavaScript functions Exercises
- Python Tutorial
- Python Array Exercises
- SQL Cross Join
- C# Sharp Array Exercises
We are closing our Disqus commenting system for some maintenanace issues. You may write to us at reach[at]yahoo[dot]com or visit us at Facebook

Источник

10 Javascript задач с объектами

Продолжая идею десяти задачи с массивами, я подготовил подобную коллекцию задач с объектами. Как и предыдущая, эта подборка ориентирована на junior и middle разработчиков javascript.

К каждой задаче вы найдете описание, ожидаемый результат и решение. Я не утверждаю, что мои решения это наилучший вариант для решения каждой задачи, но я надеюсь, что они помогут вам, если вы застрянете в середине разработки.

Также, я хотел бы упомянуть, что я не обрабатываю все возможные варианты ошибок, такие как передача undefined, null или неверные типы данных. Я предоставляю только базовое решение, а не пишу библиотеку утилит.

Вы можете начать работу в своем репозитории или клонировать мой. В моем репозитории вы найдете полный список задач и решений к ним. Также вы сможете проверить ваши решения с помощью заранее подготовленных unit-тестов. Ссылка: https://github.com/andrewborisov/javascript-practice.
1. isPlainObject. Напишите функцию, которая проверяет, является ли элемент именно простым объектом, а не массивом, null и т.п.
```
/** * Описание задачи: Напишите функцию, которая проверяет, является ли элемент именно простым объектом, а не массивом, null и т.п. * Ожидаемый результат: true если это объект, false в противном случае. (< a: 1 >) => true, ([1, 2, 3]) => false * Сложность задачи: 1 of 5 * @param element - элемент для проверки * @returns */ export const isPlainObject = (element) => < throw new Error(`Напишите здесь свое решение $`); >; const data = < a: 1 >; console.log(isPlainObject(data)); // true 
```
1. MakePairs. Напишите функцию, которая возвращает вложенный массив вида [Objects in javascript exercises, Objects in javascript exercises] .
```
/** * Описание задачи: Напишите функцию, которая возвращает вложенный массив вида `[Objects in javascript exercises, Objects in javascript exercises]`. * Ожидаемый результат: (< a: 1, b: 2 >) => [['a', 1], ['b', 2]] * Сложность задачи: 1 of 5 * @param object - любой объект для трансформации * @returns - вложенный массив */ export const makePairs = (object) => < throw new Error(`Напишите здесь свое решение $`); >; const data = < a: 1, b: 2 >; console.log(makePairs(data)); // [['a', 1], ['b', 2]] 
```
1. Without. Напишите функцию, которая возвращает новый объект без указанных значений.
```
/** * Описание задачи: Напишите функцию, которая возвращает новый объект без указанных значений. * Ожидаемый результат: (< a: 1, b: 2 >, 'b') => < a: 1 >* Сложность задачи: 2 of 5 * @param object - любой объект * @param args - список значений для удаления * @returns - новый объект без удаленных значений */ export const without = (object, . args) => < throw new Error(`Напишите здесь свое решение $$`); >; const data = < a: 1, b: 2, c: 3 >; console.log(without(data, 'b', 'c')); //
```
1. IsEmpty. Напишите функцию, которая делает поверхностную проверку объекта на пустоту.
```
/** * Описание задачи: Напишите функцию, которая делает поверхностную проверку объекта на пустоту. * Ожидаемый результат: (<>) => true, (< a: undefined >) => true, (< a: 1 >) => false * Пустые значения: '', null, NaN, undefined * Сложность задачи: 2 of 5 * @param object - объект с примитивами * @returns */ export const isEmpty = (object) => < throw new Error(`Напишите здесь свое решение $`); >; const data = < a: 1, b: undefined >; const data2 = < a: undefined >; console.log(isEmpty(data)); // false console.log(isEmpty(data2)); // true 
```
```
/** * Описание задачи: Напишите функцию, которая поверхностно сравнивает два объекта. * Ожидаемый результат: True если объекты идентичны, false если объекты разные (< a: 1, b: 1 >, < a: 1, b: 1 >) => true * Сложность задачи: 2 of 5 * @param > firstObj - объект с примитивами * @param > secondObj - объект с примитивами * @returns */ export const isEqual = (firstObject, secondObject) => < throw new Error(`Напишите здесь свое решение $$`); >; const data = < a: 1, b: 1 >; const data2 = < a: 1, b: 1 >; const data3 = < a: 1, b: 2 >; console.log(isEqual(data, data2)); // true console.log(isEqual(data, data3)); // false 
```
1. Invoke. Напишите функцию, которая вызывает метод массива на заданный путь объекта.
```
/** * Описание задачи: Напишите функцию, которая вызывает метод массива на заданный путь объекта. * Ожидаемый результат: ( < a: < b: [1, 2, 3] >>, 'a.b', splice, [1, 2]) => [2, 3] * Сложность задачи: 3 of 5 * @param object * @param path - путь в объекте * @param func - метод массива для исполнения * @param [args] - список аргументов * @returns */ export const invoke = (object, path, func, args) => < throw new Error(`Напишите здесь свое решение $$ $ $`); >; const data = < a: < b: [1, 2, 3] >> console.log(invoke(data, 'a.b', 'splice', [1, 2])); // [2, 3] 
```
1. IsEmptyDeep. Напишите функцию, которая делает глубокую проверку на пустоту объекта.
```
/** * Описание задачи: Напишите функцию, которая делает глубокую проверку на пустоту объекта. * Пустые значения: '', null, NaN, undefined, [], <> * Ожидаемый результат: (<>) => true, ( < a: < b: undefined >>) => true, ( < a: < b: [] >>) => true * Сложность задачи: 3 of 5 * @param object - любой объект * @returns */ export const isEmptyDeep = (object) => < throw new Error(`Напишите здесь свое решение $`); >; const data = < a: < b: undefined >>; const data2 = < a: < b: 1 >>; console.log(isEmptyDeep(data)); // true console.log(isEmptyDeep(data2)); // false 
```
```
/** * Описание задачи: Напишите функцию, которая делает глубокое сравнение объектов. * Ожидаемый результат: True если объекты идентичны ( < a: 1, b: < c: 1 >>, < a: 1, b: < c: 1 >>) => true * @param firstObj - Объект с любыми значениями * @param secondObj - Объект с любыми значениями * @returns */ export const isEqualDeep = (element) => < throw new Error(`Напишите здесь свое решение $`); >; const data = < a: 1, b: < c: 1 >>; const data2 = < a: 1, b: < c: 1 >>; const data3 = < a: 1, b: < c: 2 >>; console.log(isEqualDeep(data, data2)); // true console.log(isEqualDeep(data, data3)); // false 
```
1. Intersection. Напишите функцию, которая поверхностно находит пересечения объектов и возвращает объект пересечений.
```
/** * Описание задачи: Напишите функцию, которая поверхностно находит пересечения объектов и возвращает объект пересечений. * Ожидаемый результат: (< a: 1, b: 2 >, < c: 1, b: 2 >) => < b: 2 >* @param > firstObj - объект с примитивными значениями * @param > secondObj - объект с примитивными значениями * @returns */ export const intersection = (firstObject, secondObject) => < throw new Error(`Напишите здесь свое решение $, $`); >; const data = < a: 1, b: 2 >; const data2 = < c: 1, b: 2 >; console.log(intersection(data, data2)); //
```
1. IntersectionDeep. Напишите функцию, которая глубоко находит пересечения объектов и возвращает объект пересечений.
```
/** * Описание задачи: Напишите функцию, которая глубоко находит пересечения объектов и возвращает объект пересечений. * Ожидаемый результат: ( < a: 1, b: < c: 3 >>, < c: 1, b: < c: 3 >>) => < b: < c: 3 >> * @param firstObj - объект любых значений * @param secondObj - объект любых значений * @returns */ export const intersectionDeep = (firstObject, secondObject) => < throw new Error(`Напишите здесь свое решение $, $`); >; const data = < a: 1, b: < c: 3 >>; const data2 = < c: 1, b: < c: 3 >>; console.log(intersectionDeep(data, data2)); // < b: < c: 3 >> 
```
Я надеюсь, что предоставленный список задач позволит вам узнать что-то новое или хотя бы развлечься.

Источник

Читайте также: Операции со временем java

Objects in javascript exercises

Objects in javascript exercises

The Reading List

JavaScript Object — Exercises, Practice, Solution

JavaScript: Tips of the Day

10 Javascript задач с объектами